comment

4.0.2
fix(button): show proper shade for activated button on ios (#17508 )
2026-03-13 10:22:08 +08:00 · 2019-02-20 11:36:23 -05:00 · 2019-02-20 11:36:03 -05:00 · 2019-02-20 10:22:29 -06:00 · 2019-02-20 10:22:15 -06:00 · 2019-02-20 10:21:56 -06:00
1026 changed files with 20769 additions and 45761 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -60,7 +60,7 @@ jobs:
          working_directory: /tmp/workspace/core
      - save_cache: *save-cache-core
      - run:
-          command: npm run build -- --ci
+          command: npm run build -- --max-workers 1
          working_directory: /tmp/workspace/core
      - save_cache: *save-cache-core-stencil
      - persist_to_workspace:
@@ -119,7 +119,7 @@ jobs:
      - attach_workspace:
          at: /tmp/workspace
      - run:
-          command: npm run test.spec --ci
+          command: npm run test.spec
          working_directory: /tmp/workspace/core

  test-core-treeshake:
@@ -129,7 +129,7 @@ jobs:
      - attach_workspace:
          at: /tmp/workspace
      - run:
-          command: npm run test.treeshake --ci
+          command: npm run test.treeshake
          working_directory: /tmp/workspace/core

  test-core-screenshot:
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,4 +1,4 @@
-<!-- Before submitting an issue, please consult our docs (https://ionicframework.com/docs/) and API reference (https://ionicframework.com/docs/api/) -->
+<!-- Before submitting an issue, please consult our docs (https://beta.ionicframework.com/docs/) and API reference (https://beta.ionicframework.com/docs/api/) -->

 <!-- Please make sure you are posting an issue pertaining to the Ionic Framework. If you are having an issue with the Ionic Appflow services (Ionic View, Ionic Deploy, etc.) please consult the Ionic Appflow support portal (https://ionic.zendesk.com/hc/en-us) -->

--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -1,7 +1,7 @@
 ---
 name: Bug Report
 about: Create a report to help us improve
-title: 'bug: '
+title: ''
 labels: ''
 assignees: ''
 ---
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -1,7 +1,7 @@
 ---
 name: Feature Request
 about: Suggest an idea for this project
-title: 'feat: '
+title: ''
 labels: ''
 assignees: ''
 ---
--- a/.github/ISSUE_TEMPLATE/support_question.md
+++ b/.github/ISSUE_TEMPLATE/support_question.md
@@ -1,7 +1,7 @@
 ---
 name: Support Question
 about: Question on how to use this project
-title: 'support: '
+title: ''
 labels: 'ionitron: support'
 assignees: ''
 ---
--- a/.github/PROCESS.md
+++ b/.github/PROCESS.md
@@ -1,12 +1,11 @@
 # Process

-This document is to describe the internal process that the Ionic team uses for issue management, project planning and the development workflow.
+This document is to describe the internal process that the Ionic team uses for issue management and project planning.

 ## Table of contents
 * [Project Boards](#project-boards)
 * [Managing Issues](#managing-issues)
 * [Workflow](#workflow)
- * [Releasing](#releasing)

 ## Project Boards

@@ -81,79 +80,11 @@ if there is no response within 30 days, the issue will be closed and locked.

 ## Workflow

-### Overview
-
-![](https://user-images.githubusercontent.com/6577830/53817482-80e6c480-3f33-11e9-9e09-be8dcf840ef8.png)
-
 We have two long-living branches:

 - `master`: completed features, bug fixes, refactors, chores
 - `stable`: the latest release

-The overall flow:
-
-1. Feature, refactor, and bug fix branches are created from `master`
-1. When a feature, refactor, or fix is complete it is merged into `master`
-1. A release branch is created from `master`
-1. When the release branch is done it is merged into `master` and `stable`
-1. If an issue in `stable` is detected a hotfix branch is created from `stable`
-1. Once the hotfix is complete it is merged to both `master` and `stable`
-1. All branches should follow the syntax of `{type}-{details}` where `{type}` is the type of branch (`hotfix`, `release`, or one of the [commit types](https://github.com/ionic-team/ionic/blob/master/.github/CONTRIBUTING.md#commit-message-format)) and `{details}` is a few hyphen separated words explaining the branch
-
-### Stable and Master Branches
-
-#### Stable Branch
-
-Branches created from `stable`:
-
-The following branch should be merged back to **both** `master` and `stable`:
-
- A `hotfix` branch (e.g. `hotfix-missing-export`): a bug fix that is fixing a regression or issue with a published release
-
-A `hotfix` branch should be the **only** branch that is created from stable.
-
-#### Master Branch
-
-Branches created from `master`:
-
-The following branches should be merged back to `master` via a pull request:
-
-1. A feature branch (e.g. `feat-desktop-support`): an addition to the API that is not a bug fix or regression fix
-1. A bug fix branch (e.g. `fix-tab-color`): a bug fix that is not fixing a regression or issue with a published release
-1. All other types listed in the [commit message types](https://github.com/ionic-team/ionic/blob/master/.github/CONTRIBUTING.md#commit-message-format): `docs`, `style`, `refactor`, `perf`, `test`, `chore`
-
-The following branch should be merged back to **both** `master` and `stable`:
-
-1. A `release` branch (e.g. `release-4.1.x`): contains all fixes and (optionally) features that are tested and should go into the release
-
-
-### Feature Branches
-
-Each new feature should reside in its own branch, based on the `master` branch. When a feature is complete, it should go into a pull request that gets merged back into `master`. A pull request adding a feature should be approved by two team members. Features should never interact directly with `stable`.
-
-
-### Release Branches
-
-Once `master` has acquired enough features for a release (or a predetermined release date is approaching), fork a release branch off of `master`. Creating this branch starts the next release cycle, so no new features can be added after this point - only bug fixes, documentation generation, and other release-oriented tasks should go in this branch.
-
-Once the release is ready to ship, it will get merged into `stable` and `master`, then the release branch will be deleted. It’s important to merge back into `master` because critical updates may have been added to the release branch and they need to be accessible to new features. This should be done in a pull request after review.
-
-See the [steps for releasing](#releasing) below for detailed information on how to publish a release.
-
-### Version Branches
-
-Once a release has shipped and the release branch has been merged into `stable` and `master` it should also be merged into its corrsponding version branch. These version branches allow us to ship updates for specific versions of the framework (i.e. Lets us ship a bug fix that only affects 4.2.x).
-
-Patch releases should be merged into their corresponding version branches. For example, a `release-4.1.1` branch should be merged into the `4.1.x` version branch and a `release-5.0.1` branch should be merged into the `5.0.x` version branch.
-
-When releasing a major version such as `5.0.0 ` or a minor version such as `4.1.0` , the version branch will not exist. The version branch should be created once the release branch has been merged into `stable` and `master`. For example, when releasing `4.1.0`, the `release-4.1.0` release branch should be merged into `stable` and `master` and then the `4.1.x` version branch should be created off the latest `stable`.
-
-
-### Hotfix Branches
-
-Maintenance or “hotfix” branches are used to quickly patch production releases. This is the only branch that should fork directly off of `stable`. As soon as the fix is complete, it should be merged into both `stable` and `master` (or the current release branch).
-
-
 ### Examples

 #### Making a Change
@@ -180,7 +111,7 @@ Maintenance or “hotfix” branches are used to quickly patch production releas

 1. Confirm squash and merge into `master`.

-#### Updating from `master`
+#### Merging Changes from `master` into your Branch

 1. Pull the latest changes locally.
 1. Merge the changes, fixing any conflicts.
@@ -194,6 +125,23 @@ OR

 1. Pull the merged changes locally.

+#### Making a Release
+
+1. Freeze `master`. Only the person doing the release should be modifying `master`.
+1. Follow the [Making a Change](#making-a-change) steps to prepare the release.
+
+    - Run `npm run release.prepare`
+    - Version changes
+    - `CHANGELOG.MD` tweaks
+
+1. Create a PR to merge `master` into `stable`.
+1. Click **Merge pull request**. Use the dropdown to select this option if necessary. This will preserve the commit history from `master` by creating a merge commit.
+
+    <img width="191" alt="Merge pull request button" src="https://user-images.githubusercontent.com/236501/47032669-8be1b980-d138-11e8-9a90-d1518c223184.png">
+
+1. CI builds `stable`, performing the release.
+1. Unfreeze `master`.
+
 #### Hotfixes

 Hotfixes bypass `master` and should only be used for urgent fixes that can't wait for the next release to be ready.
@@ -217,35 +165,3 @@ Hotfixes bypass `master` and should only be used for urgent fixes that can't wai
 1. Click **Merge pull request**. Use the dropdown to select this option if necessary.

    <img width="191" alt="Merge pull request button" src="https://user-images.githubusercontent.com/236501/47032669-8be1b980-d138-11e8-9a90-d1518c223184.png">
-
-
-## Releasing
-
-1. Create the release branch from `master`, for example: `release-4.5.0`.
-
-1. For major or minor releases, create a version branch based off the latest version branch. For example, if releasing 4.5.0, create a branch called `4.5.x` based off `4.4.x`.
-
-1. Submit a pull request from the release branch into the version branch. Do not merge this pull request yet.
-
-1. Verify all tests are passing, fix any bugs if needed and make sure no undesired commits are in.
-
-1. Navigate to the root of the repository while on the release branch.
-
-1. Run `npm i` if it hasn't already been done.
-
-1. Run `npm run release.prepare`
-    - Select the version based on the type of commits and the [Ionic Versioning](https://ionicframework.com/docs/intro/versioning)
-    - After the process completes, verify the version number in all packages (`core`, `docs`, `angular`)
-    - Verify the changelog commits are accurate and follow the [proper format]((https://github.com/ionic-team/ionic/blob/master/.github/CONTRIBUTING.md#commit-message-format))
-    - For major or minor releases, ensure that the version number has an associated title (for example: `4.5.0 Boron`)
-    - Commit these changes with the version number as the message, e.g. `git commit -m "4.5.0"`
-
-1. Run `npm run release`
-
-1. Click **Merge pull request**. Use the dropdown to select this option if necessary.
-
-    <img width="191" alt="Merge pull request button" src="https://user-images.githubusercontent.com/236501/47032669-8be1b980-d138-11e8-9a90-d1518c223184.png">
-
-1. Rewrite the commit message to `merge release-[VERSION]` with the proper release branch. For example, if this release is for `4.5.0`, the message would be `merge release-4.5.0`.
-
-1. Submit a pull request from the release branch into `master`. Merge this pull request using the same commit format in the last step, to ensure any changes made on the release branch get added to future releases.
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,51 +1,12 @@
-<!-- Please refer to our contributing documentation for any questions on submitting a pull request, or let us know here if you need any help: https://ionicframework.com/docs/building/contributing -->
-
-## Pull request checklist
-
-Please check if your PR fulfills the following requirements:
- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been reviewed and added / updated if needed (for bug fixes / features)
- [ ] Build (`npm run build`) was run locally and any changes were pushed
- [ ] Lint (`npm run lint`) has passed locally and any fixes were made for failures
+#### Short description of what this resolves:


-## Pull request type
-
-<!-- Please do not submit updates to dependencies unless it fixes an issue. --> 
-
-<!-- Please try to limit your pull request to one type, submit multiple pull requests if needed. --> 
-
-Please check the type of change your PR introduces:
- [ ] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, renaming)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] Documentation content changes
- [ ] Other (please describe): 
-
-
-## What is the current behavior?
-<!-- Please describe the current behavior that you are modifying, or link to a relevant issue. -->
-
-Issue Number: N/A
-
-
-## What is the new behavior?
-<!-- Please describe the behavior or changes that are being added by this PR. -->
+#### Changes proposed in this pull request:

 -
 -
 -

-## Does this introduce a breaking change?
+**Ionic Version**:

- [ ] Yes
- [ ] No
-
-<!-- If this introduces a breaking change, please describe the impact and migration path for existing applications below. -->
-
-
-## Other information
-
-<!-- Any other information that is important to this PR such as screenshots of how the component looks before and after the change. -->
+**Fixes**: #
--- a/.github/ionic-issue-bot.yml
+++ b/.github/ionic-issue-bot.yml
@@ -3,26 +3,6 @@ triage:
  removeLabelWhenProjectAssigned: true
  dryRun: false

-comment:
-  labels:
-    - label: "help wanted"
-      message: >
-        This issue has been labeled as `help wanted`. This label is added to issues
-        that we believe would be good for contributors.
-
-
-        If you'd like to work on this issue, please comment here letting us know that
-        you would like to submit a pull request for it. This helps us to keep track of
-        the pull request and make sure there isn't duplicated effort.
-
-
-        For a guide on how to create a pull request and test this project locally to see
-        your changes, see our [contributing documentation](https://ionicframework.com/docs/building/contributing).
-
-
-        Thank you!
-  dryRun: false
-
 closeAndLock:
  labels:
    - label: "ionitron: support"
@@ -118,15 +98,6 @@ labelPullRequest:

 wrongRepo:
  repos:
-    - label: "ionitron: capacitor"
-      repo: capacitor
-      message: >
-        Thanks for the issue! We use this issue tracker exclusively for bug reports and feature requests
-        associated with the Ionic Framework. It appears that this issue is associated with Capacitor.
-        I am moving this issue to the Capacitor repository. Please track this issue over there.
-
-
-        Thank you for using Ionic!
    - label: "ionitron: v3"
      repo: ionic-v3
      message: >
--- a/.gitignore
+++ b/.gitignore
@@ -15,7 +15,6 @@ log.txt
 coverage/
 collection/
 dist/
-dist-transpiled/
 node_modules/
 tmp/
 temp/
@@ -50,16 +49,10 @@ demos/src/**/*.ngfactory.ts
 demos/src/**/*.d.ts
 demos/src/**/*.metadata.json
 demos/src/**/*.css.shim.ts
-prerender.html
-prerender-domino.html
-prerender-hydrated.html
-prerender-static.html

 # stencil
 angular/css/
 core/css/
-core/hydrated/
 core/loader/
-core/www/
 .stencil/
 angular/build/
--- a/.scripts/common.js
+++ b/.scripts/common.js
@@ -37,9 +37,9 @@ function checkGit(tasks) {
    {
      title: 'Check current branch',
      task: () => execa.stdout('git', ['symbolic-ref', '--short', 'HEAD']).then(branch => {
-        if (branch.indexOf('release') === -1 && branch.indexOf('hotfix') === -1) {
-          throw new Error(`Must be on a "release" or "hotfix" branch.`);
-        }
+        // if (branch !== 'master') {
+        //   throw new Error(`Not on "master" branch`);
+        // }
      })
    },
    {
--- a/.scripts/release-dev.js
+++ b/.scripts/release-dev.js
@@ -7,7 +7,6 @@ const fs = require('fs-extra');

 const common = require('./common');

-const DIST_NPM_TAG = 'dev';
 const DIST_TAG = 'dev';

 async function main() {
@@ -38,7 +37,7 @@ async function main() {
    packages.forEach(package => {
      common.prepareDevPackage(tasks, package, devVersion);
    });
-    common.publishPackages(tasks, packages, devVersion, DIST_NPM_TAG);
+    common.publishPackages(tasks, packages, devVersion, DIST_TAG);

    const listr = new Listr(tasks);
    await listr.run();
--- a/.scripts/release.js
+++ b/.scripts/release.js
@@ -54,7 +54,7 @@ function publishGit(tasks, version, changelog) {
    },
    {
      title: 'Push tags to remove',
-      task: () => execa('git', ['push', 'tag'], { cwd: common.rootDir })
+      task: () => execa('git', ['push', '--tags'], { cwd: common.rootDir })
    },
    {
      title: 'Publish Github release',
--- a/.scripts/v3/package.json
+++ b/.scripts/v3/package.json
@@ -1,16 +0,0 @@
-{
-  "name": "ionic-angular",
-  "version": "`gulp package` generates dist/package.json from this template using the root ./package.json",
-  "description": "",
-  "keywords": [],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ionic-team/ionic-v3.git"
-  },
-  "license": "MIT",
-  "main": "umd/index.js",
-  "module": "index.js",
-  "es2015": "es2015/index.js",
-  "peerDependencies": {
-  }
-}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,301 +1,3 @@
-## [4.6.2](https://github.com/ionic-team/ionic/compare/v4.6.1...v4.6.2) (2019-07-10)
-
-
-### Bug Fixes
-
-* **menu-button:** hide menu button when auto hide or split pane ([#18702](https://github.com/ionic-team/ionic/issues/18702)) ([24840d4](https://github.com/ionic-team/ionic/commit/24840d4)), closes [#18666](https://github.com/ionic-team/ionic/issues/18666)
-* **menu-button:** move font-size to host for easier customization ([#18699](https://github.com/ionic-team/ionic/issues/18699)) ([876ab41](https://github.com/ionic-team/ionic/commit/876ab41)), closes [#18667](https://github.com/ionic-team/ionic/issues/18667)
-* **overlays:** fallback to step color if overlay background variable is unset ([#18709](https://github.com/ionic-team/ionic/issues/18709)) ([f16b118](https://github.com/ionic-team/ionic/commit/f16b118)), closes [#18658](https://github.com/ionic-team/ionic/issues/18658)
-* **virtual-scroll:**  remove runOutsideAngular error ([#18752](https://github.com/ionic-team/ionic/issues/18752)) ([8beeff2](https://github.com/ionic-team/ionic/commit/8beeff2)), closes [#18746](https://github.com/ionic-team/ionic/issues/18746)
-* **vue:** update imports for types and ionicons ([f56fea6](https://github.com/ionic-team/ionic/commit/f56fea6)), closes [#18701](https://github.com/ionic-team/ionic/issues/18701)
-
-
-### Performance Improvements
-
-* **all:** minify better by using arrow functions ([#18730](https://github.com/ionic-team/ionic/issues/18730)) ([03c1d19](https://github.com/ionic-team/ionic/commit/03c1d19))
-
-
-
-## [4.6.1](https://github.com/ionic-team/ionic/compare/v4.6.0...v4.6.1) (2019-07-09)
-
-
-### Bug Fixes
-
-* **app:** add hydrated to hide white screen with multiple ionic dependencies ([#18649](https://github.com/ionic-team/ionic/issues/18649))
-* **datetime:** datetime no longer reports having a value if none is set ([#18541](https://github.com/ionic-team/ionic/issues/18541)) ([92e0f98](https://github.com/ionic-team/ionic/commit/92e0f98)), closes [#17979](https://github.com/ionic-team/ionic/issues/17979) [#18540](https://github.com/ionic-team/ionic/issues/18540)
-* **fab-button:** set opacity on disabled fab button ([#18685](https://github.com/ionic-team/ionic/issues/18685)) ([6042b39](https://github.com/ionic-team/ionic/commit/6042b39)), closes [#18682](https://github.com/ionic-team/ionic/issues/18682)
-* **icon:** load icons properly with baseHref ([#18650](https://github.com/ionic-team/ionic/issues/18650)), ([#18637](https://github.com/ionic-team/ionic/issues/18637))
-* **icon:** bind icon name properly ([#18707](https://github.com/ionic-team/ionic/issues/18707))
-* **infinite-scroll:** fix scroll listener ([0d58101](https://github.com/ionic-team/ionic/commit/0d58101))
-* **item:** do not disable entire item if there are multiple inputs ([#18696](https://github.com/ionic-team/ionic/issues/18696)) ([dfa2b13](https://github.com/ionic-team/ionic/commit/dfa2b13)), closes [#18655](https://github.com/ionic-team/ionic/issues/18655) [#18670](https://github.com/ionic-team/ionic/issues/18670)
-* **router-link:** add missing target prop ([#18659](https://github.com/ionic-team/ionic/issues/18659)) ([1f51ab2](https://github.com/ionic-team/ionic/commit/1f51ab2)), closes [#18655](https://github.com/ionic-team/ionic/issues/18655)
-* **router-outlet:** fix swipe to go back ([b69fb69](https://github.com/ionic-team/ionic/commit/b69fb69))
-* **scss:** copy all scss files ([36a58df](https://github.com/ionic-team/ionic/commit/36a58df))
-* **searchbar:** proper styling after navigating ([#18642](https://github.com/ionic-team/ionic/issues/18642))
-* **slides:** use correct order for pushing slides dynamically ([#18633](https://github.com/ionic-team/ionic/issues/18633))
-* **tabs:** select proper tab by default and do not emit tab change if selectedTab is undefined ([03c834c](https://github.com/ionic-team/ionic/commit/03c834c))
-* **overlay:** make create opts optional ([44c88ad](https://github.com/ionic-team/ionic/commit/44c88ad))
-
-
-### Performance Improvements
-
-* **angular:** skip zone ([e059fc8](https://github.com/ionic-team/ionic/commit/e059fc8))
-
-
-
-# [4.6.0 Carbon](https://github.com/ionic-team/ionic/compare/v4.5.0...v4.6.0) (2019-06-26)
-
-
-### Bug Fixes
-
-* **button:** default opacity for disabled clear buttons ([#18560](https://github.com/ionic-team/ionic/issues/18560)) ([f48dc3d](https://github.com/ionic-team/ionic/commit/f48dc3d)), closes [#18555](https://github.com/ionic-team/ionic/issues/18555)
-* **button:** update solid buttons to use tint and shade colors ([#18537](https://github.com/ionic-team/ionic/issues/18537)) ([26ecf2b](https://github.com/ionic-team/ionic/commit/26ecf2b))
-* **menu:** change ARIA role from complementary to navigation ([#18330](https://github.com/ionic-team/ionic/issues/18330)) ([9e4346b](https://github.com/ionic-team/ionic/commit/9e4346b)), closes [#18318](https://github.com/ionic-team/ionic/issues/18318)
-* **segment:** apply hover properly for segment with color ([#18549](https://github.com/ionic-team/ionic/issues/18549)) ([78e477b](https://github.com/ionic-team/ionic/commit/78e477b))
-* **segment:** default ripple to currentColor ([#18547](https://github.com/ionic-team/ionic/issues/18547)) ([832306c](https://github.com/ionic-team/ionic/commit/832306c))
-
-
-### Features
-
-* **components:** add missing button/a props to components that render them ([#17883](https://github.com/ionic-team/ionic/issues/17883)) ([eca4121](https://github.com/ionic-team/ionic/commit/eca4121)), closes [#16848](https://github.com/ionic-team/ionic/issues/16848) [#16889](https://github.com/ionic-team/ionic/issues/16889)
-* **fab-button:** add hover state using tint colors ([#18536](https://github.com/ionic-team/ionic/issues/18536)) ([ad00679](https://github.com/ionic-team/ionic/commit/ad00679)), closes [#17624](https://github.com/ionic-team/ionic/issues/17624)
-* **item:** add hover and focused states ([#18606](https://github.com/ionic-team/ionic/issues/18606)) ([8a88dd2](https://github.com/ionic-team/ionic/commit/8a88dd2)), closes [#18279](https://github.com/ionic-team/ionic/issues/18279) [#17624](https://github.com/ionic-team/ionic/issues/17624)
-* **router-link:** add router-link and deprecate anchor ([#18620](https://github.com/ionic-team/ionic/issues/18620)) ([d4c7b03](https://github.com/ionic-team/ionic/commit/d4c7b03))
-
-
-### Enhancements
-
-* **stencil:** update to Stencil One to improve app performance 🎉🎊 ([b40f7d3](https://github.com/ionic-team/ionic/commit/b40f7d3))
-
-
-
-# [4.5.0 Boron](https://github.com/ionic-team/ionic/compare/v4.4.2...v4.5.0) (2019-06-12)
-
-
-### Bug Fixes
-
-* **angular:** ensure all NavigationExtras values are preserved when navigating ([#18468](https://github.com/ionic-team/ionic/issues/18468)) ([7610787](https://github.com/ionic-team/ionic/commit/7610787)), closes [#18469](https://github.com/ionic-team/ionic/issues/18469)
-* **button:** set opacity on the host element for disabled button ([#18509](https://github.com/ionic-team/ionic/issues/18509)) ([320719b](https://github.com/ionic-team/ionic/commit/320719b)), closes [#16965](https://github.com/ionic-team/ionic/issues/16965)
-* **button:** use correct border-radius on menu and back button ([#18501](https://github.com/ionic-team/ionic/issues/18501)) ([055e125](https://github.com/ionic-team/ionic/commit/055e125)), closes [#17624](https://github.com/ionic-team/ionic/issues/17624)
-* **button:** use correct size on a dynamic button in an item ([#18395](https://github.com/ionic-team/ionic/issues/18395)) ([a3e23fc](https://github.com/ionic-team/ionic/commit/a3e23fc)), closes [#18085](https://github.com/ionic-team/ionic/issues/18085)
-* **card:** remove white space from bottom of card ([#18328](https://github.com/ionic-team/ionic/issues/18328)) ([d53e7aa](https://github.com/ionic-team/ionic/commit/d53e7aa))
-* **content:** prevent ion-searchbar from receiving padding adjustment when keyboard is open ([#18008](https://github.com/ionic-team/ionic/issues/18008)) ([b2290a6](https://github.com/ionic-team/ionic/commit/b2290a6)), closes [#18007](https://github.com/ionic-team/ionic/issues/18007)
-* **datetime:** recalculate time columns on change ([#18380](https://github.com/ionic-team/ionic/issues/18380)) ([292b24a](https://github.com/ionic-team/ionic/commit/292b24a))
-* **item:** start align the content under stacked and floating labels ([#18379](https://github.com/ionic-team/ionic/issues/18379)) ([f0af707](https://github.com/ionic-team/ionic/commit/f0af707)), closes [#16375](https://github.com/ionic-team/ionic/issues/16375)
-* **item:** inherit overflow to allow better customization ([#18502](https://github.com/ionic-team/ionic/issues/18502)) ([8d2a47e](https://github.com/ionic-team/ionic/commit/8d2a47e)), closes [#17670](https://github.com/ionic-team/ionic/issues/17670)
-* **item:** use a step color if the activated background is not set ([#18450](https://github.com/ionic-team/ionic/issues/18450)) ([1899c13](https://github.com/ionic-team/ionic/commit/1899c13)), closes [#18449](https://github.com/ionic-team/ionic/issues/18449)
-* **item-sliding:** use the correct gesture direction and side for rtl ([#18366](https://github.com/ionic-team/ionic/issues/18366)) ([4545100](https://github.com/ionic-team/ionic/commit/4545100)), closes [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **label:** include the ion-text-wrap class styles for larger font ([#18374](https://github.com/ionic-team/ionic/issues/18374)) ([4bba540](https://github.com/ionic-team/ionic/commit/4bba540))
-* **platform:** prevent error with Platform.is on Android 4.4 ([#18387](https://github.com/ionic-team/ionic/issues/18387)) ([54bdb36](https://github.com/ionic-team/ionic/commit/54bdb36))
-* **react:** ensure element exists in controller before dismissing it ([0fd3e5d](https://github.com/ionic-team/ionic/commit/0fd3e5d))
-* **slides:** resolve issue where double tap to zoom was enabled by default ([10de1da](https://github.com/ionic-team/ionic/commit/10de1da)), closes [#18035](https://github.com/ionic-team/ionic/issues/18035)
-* **tabs:** allow selection on enter and spacebar press ([#18381](https://github.com/ionic-team/ionic/issues/18381)) ([11cde99](https://github.com/ionic-team/ionic/commit/11cde99)), closes [#18363](https://github.com/ionic-team/ionic/issues/18363)
-* **textarea:** inherit white-space for better customization ([#18508](https://github.com/ionic-team/ionic/issues/18508)) ([a583902](https://github.com/ionic-team/ionic/commit/a583902)), closes [#18495](https://github.com/ionic-team/ionic/issues/18495)
-* **virtual-scroll:** do not crash with an empty cell list ([#17799](https://github.com/ionic-team/ionic/issues/17799)) ([20c146e](https://github.com/ionic-team/ionic/commit/20c146e))
-
-
-### Features
-
-* **back-button:** add variables and support for focused and hover states ([#18451](https://github.com/ionic-team/ionic/issues/18451)) ([58672fb](https://github.com/ionic-team/ionic/commit/58672fb)), closes [#18465](https://github.com/ionic-team/ionic/issues/18465)
-* **button:** add variables for customizing hover state ([#18499](https://github.com/ionic-team/ionic/issues/18499)) ([5c5934b](https://github.com/ionic-team/ionic/commit/5c5934b)), closes [#17974](https://github.com/ionic-team/ionic/issues/17974)
-* **item-divider:** add inner padding CSS variables ([#18490](https://github.com/ionic-team/ionic/issues/18490)) ([35c143a](https://github.com/ionic-team/ionic/commit/35c143a)), closes [#18484](https://github.com/ionic-team/ionic/issues/18484)
-* **menu-button:** add variables for hover and focused states ([#18434](https://github.com/ionic-team/ionic/issues/18434)) ([5ba0aa9](https://github.com/ionic-team/ionic/commit/5ba0aa9)), closes [#18279](https://github.com/ionic-team/ionic/issues/18279)
-* **searchbar:** add cancel button options ([b959e0b](https://github.com/ionic-team/ionic/commit/b959e0b))
-* **toast:** allow html content ([#18423](https://github.com/ionic-team/ionic/issues/18423)) ([c8104a2](https://github.com/ionic-team/ionic/commit/c8104a2))
-
-
-
-## [4.4.2](https://github.com/ionic-team/ionic/compare/v4.4.1...v4.4.2) (2019-05-22)
-
-
-### Bug Fixes
-
-* **angular:** account for query params and fragments within a string when navigating ([#18356](https://github.com/ionic-team/ionic/issues/18356)) ([b79f68a](https://github.com/ionic-team/ionic/commit/b79f68a))
-
-
-
-## [4.4.1](https://github.com/ionic-team/ionic/compare/v4.4.0...v4.4.1) (2019-05-22)
-
-
-### Bug Fixes
-
-* **angular:** ensure active page is not removed from change detection ([#18299](https://github.com/ionic-team/ionic/issues/18299)) ([b8d4961](https://github.com/ionic-team/ionic/commit/b8d4961)), closes [#18293](https://github.com/ionic-team/ionic/issues/18293)
-* **angular:** preserve queryParams and fragment when going back ([#18298](https://github.com/ionic-team/ionic/issues/18298)) ([bdd5109](https://github.com/ionic-team/ionic/commit/bdd5109)), closes [#16744](https://github.com/ionic-team/ionic/issues/16744)
-* **buttons:** use theme/color toolbar colors for buttons ([#18191](https://github.com/ionic-team/ionic/issues/18191)) ([0511989](https://github.com/ionic-team/ionic/commit/0511989)), closes [#18184](https://github.com/ionic-team/ionic/issues/18184) [#17840](https://github.com/ionic-team/ionic/issues/17840)
-* **datetime:** update label direction in RTL ([#18340](https://github.com/ionic-team/ionic/issues/18340)) ([17345ef](https://github.com/ionic-team/ionic/commit/17345ef))
-* **fab:** position fab buttons properly in RTL ([#18325](https://github.com/ionic-team/ionic/issues/18325)) ([845def8](https://github.com/ionic-team/ionic/commit/845def8)), references [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **icon:** remove stroke and move fill to host element ([#18241](https://github.com/ionic-team/ionic/issues/18241)) ([394cf8d](https://github.com/ionic-team/ionic/commit/394cf8d)), closes [#16483](https://github.com/ionic-team/ionic/issues/16483)
-* **input:** keep entire input in view when scrolling with keyboard open ([#18253](https://github.com/ionic-team/ionic/issues/18253)) ([3cad778](https://github.com/ionic-team/ionic/commit/3cad778)), closes [#17457](https://github.com/ionic-team/ionic/issues/17457)
-* **label:** position floating/stacked labels properly in RTL ([#18315](https://github.com/ionic-team/ionic/issues/18315)) ([00a27dc](https://github.com/ionic-team/ionic/commit/00a27dc)), references [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **loading:** allow html content ([#18242](https://github.com/ionic-team/ionic/issues/18242)) ([a6cb5f2](https://github.com/ionic-team/ionic/commit/a6cb5f2)), closes [#18135](https://github.com/ionic-team/ionic/issues/18135)
-* **overlay:** hide scrollbars on non-scrollable content ([#16767](https://github.com/ionic-team/ionic/issues/16767)) ([875d563](https://github.com/ionic-team/ionic/commit/875d563)), closes [#14178](https://github.com/ionic-team/ionic/issues/14178)
-* **picker:** update the column positions in RTL ([#18339](https://github.com/ionic-team/ionic/issues/18339)) ([788a56c](https://github.com/ionic-team/ionic/commit/788a56c)), closes [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **range:** update border-radius on range pin for RTL ([#18321](https://github.com/ionic-team/ionic/issues/18321)) ([4855351](https://github.com/ionic-team/ionic/commit/4855351)), closes [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **searchbar:** position buttons properly in RTL ([#18325](https://github.com/ionic-team/ionic/issues/18325)) ([845def8](https://github.com/ionic-team/ionic/commit/845def8)), references [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **segment:** update segment border for RTL ([#18326](https://github.com/ionic-team/ionic/issues/18326)) ([805b225](https://github.com/ionic-team/ionic/commit/805b225)), closes [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **slides:** allow clicks to propagate to buttons ([#16728](https://github.com/ionic-team/ionic/issues/16728)) ([a8f9dfe](https://github.com/ionic-team/ionic/commit/a8f9dfe))
-* **tab-button:** apply background-focused when tabbing into tab button ([#17502](https://github.com/ionic-team/ionic/issues/17502)) ([d788a8e](https://github.com/ionic-team/ionic/commit/d788a8e)), closes [#17042](https://github.com/ionic-team/ionic/issues/17042)
-* **tabs:** position badge properly in RTL (only in Chrome) ([#18325](https://github.com/ionic-team/ionic/issues/18325)) ([845def8](https://github.com/ionic-team/ionic/commit/845def8)), references [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **tabs:** select the tab called by the select method after initialization ([#18300](https://github.com/ionic-team/ionic/issues/18300)) ([da38647](https://github.com/ionic-team/ionic/commit/da38647)), closes [#17957](https://github.com/ionic-team/ionic/issues/17957)
-* **toggle:** position toggle icon properly in RTL ([#18325](https://github.com/ionic-team/ionic/issues/18325)) ([845def8](https://github.com/ionic-team/ionic/commit/845def8)), references [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **toolbar:** update md toolbar button spacing and padding to match spec ([#17537](https://github.com/ionic-team/ionic/issues/17537)) ([fa87e35](https://github.com/ionic-team/ionic/commit/fa87e35)), closes [#16950](https://github.com/ionic-team/ionic/issues/16950) [#14444](https://github.com/ionic-team/ionic/issues/14444)
-
-
-
-# [4.4.0 Beryllium](https://github.com/ionic-team/ionic/compare/v4.3.1...v4.4.0) (2019-05-08)
-
-
-### Bug Fixes
-
-* **button:** apply round property to button sizes in iOS ([#18125](https://github.com/ionic-team/ionic/issues/18125)) ([ae0eccc](https://github.com/ionic-team/ionic/commit/ae0eccc)), closes [#18108](https://github.com/ionic-team/ionic/issues/18108)
-* **datetime:** default to current date when value is null ([#18105](https://github.com/ionic-team/ionic/issues/18105)) ([ca233b5](https://github.com/ionic-team/ionic/commit/ca233b5)), closes [#18099](https://github.com/ionic-team/ionic/issues/18099)
-* **input:** clear on edit from inside native input ([#17115](https://github.com/ionic-team/ionic/issues/17115)) ([85093d6](https://github.com/ionic-team/ionic/commit/85093d6)), closes [#17055](https://github.com/ionic-team/ionic/issues/17055)
-* **item:** use the global activated background for md ripple color ([#16752](https://github.com/ionic-team/ionic/issues/16752)) ([95945c0](https://github.com/ionic-team/ionic/commit/95945c0)), closes [#16585](https://github.com/ionic-team/ionic/issues/16585)
-* **label:** use primary color on focus for md input labels ([#18183](https://github.com/ionic-team/ionic/issues/18183)) ([ddb8ef8](https://github.com/ionic-team/ionic/commit/ddb8ef8)), closes [#15602](https://github.com/ionic-team/ionic/issues/15602)
-* **menu** add prefixed transform for side menu animation ([#18128](https://github.com/ionic-team/ionic/issues/18128)) ([2457a23](https://github.com/ionic-team/ionic/commit/2457a23)), closes [#17729](https://github.com/ionic-team/ionic/issues/17729)
-* **reorder-group:** remove required parameter for the complete method ([#18084](https://github.com/ionic-team/ionic/issues/18084)) ([bd96491](https://github.com/ionic-team/ionic/commit/bd96491)), closes [#16302](https://github.com/ionic-team/ionic/issues/16302)
-* **segment:** decrease icon size on ios and stretch segment buttons to fill height ([#17751](https://github.com/ionic-team/ionic/issues/17751)) ([0fa645b](https://github.com/ionic-team/ionic/commit/0fa645b)), closes [#17069](https://github.com/ionic-team/ionic/issues/17069)
-* **textarea:** reposition textarea when keyboard appears ([#18098](https://github.com/ionic-team/ionic/issues/18098)) ([3cdab10](https://github.com/ionic-team/ionic/commit/3cdab10)), closes [#17847](https://github.com/ionic-team/ionic/issues/17847)
-* **toast:** allow button-color CSS variable to be overridden ([#18133](https://github.com/ionic-team/ionic/issues/18133)) ([0c83fd3](https://github.com/ionic-team/ionic/commit/0c83fd3)), closes [#18127](https://github.com/ionic-team/ionic/issues/18127)
-
-
-### Features
-
-* **card:** add button functionality ([#17997](https://github.com/ionic-team/ionic/issues/17997)) ([669ec0d](https://github.com/ionic-team/ionic/commit/669ec0d)), closes [#17773](https://github.com/ionic-team/ionic/issues/17773)
-* **img:** add ionImgWillLoad event and emit ionImgDidLoad when image is loaded ([#18159](https://github.com/ionic-team/ionic/issues/18159)) ([38ffb98](https://github.com/ionic-team/ionic/commit/38ffb98)), closes [#17652](https://github.com/ionic-team/ionic/issues/17652) [#18161](https://github.com/ionic-team/ionic/issues/18161)
-* **item-sliding:** add open method ([#17964](https://github.com/ionic-team/ionic/issues/17964)) ([f912206](https://github.com/ionic-team/ionic/commit/f912206)), closes [#17899](https://github.com/ionic-team/ionic/issues/17899)
-* **menu-button:** add css variables for padding ([#18188](https://github.com/ionic-team/ionic/issues/18188)) ([ef98977](https://github.com/ionic-team/ionic/commit/ef98977)), closes [#18187](https://github.com/ionic-team/ionic/issues/18187)
-* **refresher:** add pullFactor property to control speed ([#16697](https://github.com/ionic-team/ionic/issues/16697)) ([9030dcc](https://github.com/ionic-team/ionic/commit/9030dcc)), closes [#15425](https://github.com/ionic-team/ionic/issues/15425)
-* **searchbar:** add disabled property ([#17935](https://github.com/ionic-team/ionic/issues/17935)) ([a5b9066](https://github.com/ionic-team/ionic/commit/a5b9066)), closes [#17921](https://github.com/ionic-team/ionic/issues/17921)
-* **textarea:** add option to expand textarea as value changes ([#16916](https://github.com/ionic-team/ionic/issues/16916)) ([cc8678a](https://github.com/ionic-team/ionic/commit/cc8678a))
-
-
-
-## [4.3.1](https://github.com/ionic-team/ionic/compare/v4.3.0...v4.3.1) (2019-04-26)
-
-
-### Bug Fixes
-
-* **angular:** support replaceUrl with angular <7.2 ([#18106](https://github.com/ionic-team/ionic/issues/18106)) ([eb3cbe4](https://github.com/ionic-team/ionic/commit/eb3cbe4))
-* **security:** sanitize components using innerHTML ([#18146](https://github.com/ionic-team/ionic/issues/18146)) ([b839e6f](https://github.com/ionic-team/ionic/commit/b839e6f))
-
-
-
-# [4.3.0 Lithium](https://github.com/ionic-team/ionic/compare/v4.2.0...v4.3.0) (2019-04-17)
-
-
-### Bug Fixes
-
-* **action-sheet:** default buttons to empty array ([9e63947](https://github.com/ionic-team/ionic/commit/9e63947))
-* **angular:** back button correctly goes back to proper tab ([#18005](https://github.com/ionic-team/ionic/issues/18005)) ([52e5a8d](https://github.com/ionic-team/ionic/commit/52e5a8d)), closes [#17278](https://github.com/ionic-team/ionic/issues/17278) [#15216](https://github.com/ionic-team/ionic/issues/15216)
-* **components:** add mode classes to components for use in shadow elements ([#17838](https://github.com/ionic-team/ionic/issues/17838)) ([e5c8c10](https://github.com/ionic-team/ionic/commit/e5c8c10)), closes [#17608](https://github.com/ionic-team/ionic/issues/17608)
-* **datetime:** date strings no longer revert to previous day ([#18018](https://github.com/ionic-team/ionic/issues/18018)) ([cc60b60](https://github.com/ionic-team/ionic/commit/cc60b60)), closes [#17977](https://github.com/ionic-team/ionic/issues/17977)
-* **input:** prevent input from losing focus when tapping clear button ([#18004](https://github.com/ionic-team/ionic/issues/18004)) ([29bb4fc](https://github.com/ionic-team/ionic/commit/29bb4fc)), closes [#18002](https://github.com/ionic-team/ionic/issues/18002)
-* **item:** use the correct input highlight for an inset line item ([#18052](https://github.com/ionic-team/ionic/issues/18052)) ([72be80c](https://github.com/ionic-team/ionic/commit/72be80c)), closes [#18051](https://github.com/ionic-team/ionic/issues/18051)
-* **item-sliding:** hide closed side options while dragging side options open ([#17986](https://github.com/ionic-team/ionic/issues/17986)) ([f13722c](https://github.com/ionic-team/ionic/commit/f13722c)), closes [#17822](https://github.com/ionic-team/ionic/issues/17822)
-* **slides:** allow zoom to work ([18b347b](https://github.com/ionic-team/ionic/commit/18b347b)), closes [#17981](https://github.com/ionic-team/ionic/issues/17981)
-* **slides:** expose interface to provide custom animations ([#17959](https://github.com/ionic-team/ionic/issues/17959)) ([4474974](https://github.com/ionic-team/ionic/commit/4474974)), closes [#16616](https://github.com/ionic-team/ionic/issues/16616)
-* **textarea:** float label when a value is changed async ([#18024](https://github.com/ionic-team/ionic/issues/18024)) ([494991e](https://github.com/ionic-team/ionic/commit/494991e)), closes [#17555](https://github.com/ionic-team/ionic/issues/17555) [#17559](https://github.com/ionic-team/ionic/issues/17559)
-* **textarea:** update label alignment for inputs and textareas ([#18042](https://github.com/ionic-team/ionic/issues/18042)) ([38ae362](https://github.com/ionic-team/ionic/commit/38ae362)), closes [#16187](https://github.com/ionic-team/ionic/issues/16187)
-* **vue:** use direction type from core ([#17901](https://github.com/ionic-team/ionic/issues/17901)) ([fa13173](https://github.com/ionic-team/ionic/commit/fa13173))
-
-
-### Features
-
-* **toast:** add header and additional custom toast buttons ([#17147](https://github.com/ionic-team/ionic/issues/17147)) ([6e1a8f1](https://github.com/ionic-team/ionic/commit/6e1a8f1)), closes [#16791](https://github.com/ionic-team/ionic/issues/16791) [#16237](https://github.com/ionic-team/ionic/issues/16237) [#17611](https://github.com/ionic-team/ionic/issues/17611)
-* **toast:** add variables to change position start/end of toast ([#17961](https://github.com/ionic-team/ionic/issues/17961)) ([07e739a](https://github.com/ionic-team/ionic/commit/07e739a)), closes [#17854](https://github.com/ionic-team/ionic/issues/17854)
-
-
-
-# [4.2.0 Helium](https://github.com/ionic-team/ionic/compare/v4.1.2...v4.2.0) (2019-04-03)
-
-
-### Bug Fixes
-
-* **angular:** properly check for replaceUrl in routing ([#17879](https://github.com/ionic-team/ionic/issues/17879)) ([f2c8db9](https://github.com/ionic-team/ionic/commit/f2c8db9)), closes [#15181](https://github.com/ionic-team/ionic/issues/15181)
-* **angular:** return proper types in the overlay.getTop method ([#17802](https://github.com/ionic-team/ionic/issues/17802)) ([439b10e](https://github.com/ionic-team/ionic/commit/439b10e))
-* **angular:** support relative router links ([d9a7c63](https://github.com/ionic-team/ionic/commit/d9a7c63)), closes [#17888](https://github.com/ionic-team/ionic/issues/17888) [#16534](https://github.com/ionic-team/ionic/issues/16534) [#16736](https://github.com/ionic-team/ionic/issues/16736) [#16954](https://github.com/ionic-team/ionic/issues/16954)
-* **angular:** update ng-add schematic ([9443bfe](https://github.com/ionic-team/ionic/commit/9443bfe))
-* **css:** resolve spinner and checkbox issues on older chrome versions ([#17896](https://github.com/ionic-team/ionic/issues/17896)) ([dbb39cd](https://github.com/ionic-team/ionic/commit/dbb39cd)), closes [#17524](https://github.com/ionic-team/ionic/issues/17524) [#17501](https://github.com/ionic-team/ionic/issues/17501)
-* **datetime:** default to local date when no date given ([#17706](https://github.com/ionic-team/ionic/issues/17706)) ([bab56e8](https://github.com/ionic-team/ionic/commit/bab56e8))
-* **datetime:** recalculate day column when month or year is changed ([#17815](https://github.com/ionic-team/ionic/issues/17815)) ([9273f97](https://github.com/ionic-team/ionic/commit/9273f97)), closes [#14233](https://github.com/ionic-team/ionic/issues/14233) [#14732](https://github.com/ionic-team/ionic/issues/14732) [#15452](https://github.com/ionic-team/ionic/issues/15452) [#15794](https://github.com/ionic-team/ionic/issues/15794) [#17633](https://github.com/ionic-team/ionic/issues/16733) [#17060](https://github.com/ionic-team/ionic/issues/17060) [#17510](https://github.com/ionic-team/ionic/issues/17510) [#17521](https://github.com/ionic-team/ionic/issues/17521)
-* **item-option:** add styling and behaviour for disabled item-option ([#17909](https://github.com/ionic-team/ionic/issues/17909)) ([346ecb2](https://github.com/ionic-team/ionic/commit/346ecb2)), closes [#17905](https://github.com/ionic-team/ionic/issues/17905)
-* **progress-bar:** flip rtl using the existing reversed property ([#17464](https://github.com/ionic-team/ionic/issues/17464)) ([fccaaf8](https://github.com/ionic-team/ionic/commit/fccaaf8)), closes [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **react:** ensure tabs are resilient to optional tabs ([#17862](https://github.com/ionic-team/ionic/issues/17862)) ([c29f5a6](https://github.com/ionic-team/ionic/commit/c29f5a6))
-* **reorder-group:** add ability to reorder items inside shadow ([#17747](https://github.com/ionic-team/ionic/issues/17747)) ([352797e](https://github.com/ionic-team/ionic/commit/352797e)), closes [#17746](https://github.com/ionic-team/ionic/issues/17746)
-* **select:** update overlay options when added asynchronously ([#17860](https://github.com/ionic-team/ionic/issues/17860)) ([1ecfcd1](https://github.com/ionic-team/ionic/commit/1ecfcd1)), closes [#15716](https://github.com/ionic-team/ionic/issues/15716) [#17851](https://github.com/ionic-team/ionic/issues/17851)
-* **virtual-scroll:** use correct item top calculation with header or footer function ([#15948](https://github.com/ionic-team/ionic/issues/15948)) ([#17345](https://github.com/ionic-team/ionic/issues/17345)) ([a8a48a4](https://github.com/ionic-team/ionic/commit/a8a48a4)), closes [#17298](https://github.com/ionic-team/ionic/issues/17298)
-* **vue:** back button event handling ([#17877](https://github.com/ionic-team/ionic/issues/17877)) ([dceec07](https://github.com/ionic-team/ionic/commit/dceec07))
-* **vue:** update popover to use correct controller ([#17865](https://github.com/ionic-team/ionic/issues/17865)) ([0cb7db0](https://github.com/ionic-team/ionic/commit/0cb7db0))
-
-
-### Features
-
-* **img:** add ionError event ([#17134](https://github.com/ionic-team/ionic/issues/17134)) ([04f931f](https://github.com/ionic-team/ionic/commit/04f931f)), closes [#16947](https://github.com/ionic-team/ionic/issues/16947)
-* **range:** add ticks attribute ([#17718](https://github.com/ionic-team/ionic/issues/17718)) ([016fa16](https://github.com/ionic-team/ionic/commit/016fa16)), closes [#17717](https://github.com/ionic-team/ionic/issues/17717)
-* **vue:** support for ion-tabs ([#17678](https://github.com/ionic-team/ionic/issues/17678)) ([ee71675](https://github.com/ionic-team/ionic/commit/ee71675))
-* **vue:** support ion-vue-router ([#17821](https://github.com/ionic-team/ionic/issues/17821)) ([71e5994](https://github.com/ionic-team/ionic/commit/71e5994))
-
-
-
-## [4.1.2](https://github.com/ionic-team/ionic/compare/v4.1.1...v4.1.2) (2019-03-20)
-
-
-### Bug Fixes
-
-* **chip:** use transparent outline on color chips ([#17719](https://github.com/ionic-team/ionic/issues/17719)) ([f6783db](https://github.com/ionic-team/ionic/commit/f6783db))
-* **datetime:** default to local date ([#17706](https://github.com/ionic-team/ionic/issues/17706)) ([bab56e8](https://github.com/ionic-team/ionic/commit/bab56e8))
-* **input:** use max-height for input for consistency across browsers ([#17394](https://github.com/ionic-team/ionic/issues/17394)) ([67a9137](https://github.com/ionic-team/ionic/commit/67a9137))
-* **item:** add missing ripple color CSS property ([#17814](https://github.com/ionic-team/ionic/issues/17814)) ([807820f](https://github.com/ionic-team/ionic/commit/807820f)), closes [#17523](https://github.com/ionic-team/ionic/issues/17523)
-* **item-option:** add styling for slots other than icon-only ([#17711](https://github.com/ionic-team/ionic/issues/17711)) ([14f758c](https://github.com/ionic-team/ionic/commit/14f758c)), closes [#17737](https://github.com/ionic-team/ionic/issues/17737) [#17402](https://github.com/ionic-team/ionic/issues/17402)
-* **platform:** account for larger tablets ([#17630](https://github.com/ionic-team/ionic/issues/17630)) ([29dbd07](https://github.com/ionic-team/ionic/commit/29dbd07))
-* **popover:** update animation origin in RTL/MD ([#17645](https://github.com/ionic-team/ionic/issues/17645)) ([617453b](https://github.com/ionic-team/ionic/commit/617453b)), closes [#17012](https://github.com/ionic-team/ionic/issues/17012)
-* **spinner:** fix default spinner logic for relevant components ([#17660](https://github.com/ionic-team/ionic/issues/17660)) ([9c48fa7](https://github.com/ionic-team/ionic/commit/9c48fa7)), closes [#17659](https://github.com/ionic-team/ionic/issues/17659)
-* **toggle:** do not use the contrast color for toggle inner color ([#17798](https://github.com/ionic-team/ionic/issues/17798)) ([2225941](https://github.com/ionic-team/ionic/commit/2225941)), closes [#17536](https://github.com/ionic-team/ionic/issues/17536)
-* **transition:** animate all toolbars in iOS page transitions ([#17224](https://github.com/ionic-team/ionic/issues/17224)) ([7d01207](https://github.com/ionic-team/ionic/commit/7d01207))
-
-
-
-## [4.1.1](https://github.com/ionic-team/ionic/compare/v4.1.0...v4.1.1) (2019-03-07)
-
-
-### Bug Fixes
-
-* **display:** update to correct css classes ([cabbeb2](https://github.com/ionic-team/ionic/commit/cabbeb2))
-
-
-
-# [4.1.0 Hydrogen](https://github.com/ionic-team/ionic/compare/v4.0.2...v4.1.0) (2019-03-06)
-
-
-### Bug Fixes
-
-* **angular:** fix adding [@ionic](https://github.com/ionic)/angular when using ng add ([#17597](https://github.com/ionic-team/ionic/issues/17597)) ([484d92c](https://github.com/ionic-team/ionic/commit/484d92c)), closes [#17596](https://github.com/ionic-team/ionic/issues/17596)
-* **animation:** fix header flicker on ios ([#17422](https://github.com/ionic-team/ionic/issues/17422)) ([ad20bd6](https://github.com/ionic-team/ionic/commit/ad20bd6))
-* **css:** add the missing css classes to flex and float utils ([#17570](https://github.com/ionic-team/ionic/issues/17570)) ([c49276c](https://github.com/ionic-team/ionic/commit/c49276c)), closes [#17569](https://github.com/ionic-team/ionic/issues/17569)
-* **fab:** disabled fab button no longer opens fab list ([#17620](https://github.com/ionic-team/ionic/issues/17620)) ([c475dab](https://github.com/ionic-team/ionic/commit/c475dab))
-* **img:** remove space under img ([#17582](https://github.com/ionic-team/ionic/issues/17582)) ([621c79b](https://github.com/ionic-team/ionic/commit/621c79b))
-* **item:** slotted ion-icon receives custom color ([#17585](https://github.com/ionic-team/ionic/issues/17585)) ([14dd871](https://github.com/ionic-team/ionic/commit/14dd871))
-* **item-sliding:** no longer close all open items when deleting an item ([#17579](https://github.com/ionic-team/ionic/issues/17579)) ([3de7795](https://github.com/ionic-team/ionic/commit/3de7795))
-* **loading:** add backdropDismiss to the interface ([#17668](https://github.com/ionic-team/ionic/issues/17668)) ([28fd75e](https://github.com/ionic-team/ionic/commit/28fd75e)), closes [#17369](https://github.com/ionic-team/ionic/issues/17369)
-* **popover:** update placement per md spec ([#17429](https://github.com/ionic-team/ionic/issues/17429)) ([a99d179](https://github.com/ionic-team/ionic/commit/a99d179))
-* **range:** clamp values that are out of bounds ([#17623](https://github.com/ionic-team/ionic/issues/17623)) ([5a197ca](https://github.com/ionic-team/ionic/commit/5a197ca))
-* **refresher:** check for cancelable before preventing default ([#17351](https://github.com/ionic-team/ionic/issues/17351)) ([f205b10](https://github.com/ionic-team/ionic/commit/f205b10)), closes [#15256](https://github.com/ionic-team/ionic/issues/15256)
-* **reorder:** allow sliding items to be reordered ([#17568](https://github.com/ionic-team/ionic/issues/17568)) ([3b331b5](https://github.com/ionic-team/ionic/commit/3b331b5))
-* **ssr:** fix angular global window and document references ([f44c17e](https://github.com/ionic-team/ionic/commit/f44c17e))
-* **ssr:** fix global window and document references ([#17590](https://github.com/ionic-team/ionic/issues/17590)) ([4646f53](https://github.com/ionic-team/ionic/commit/4646f53))
-* **vue:** correct passing of props and data to components ([#17188](https://github.com/ionic-team/ionic/issues/17188)) ([2ce4940](https://github.com/ionic-team/ionic/commit/2ce4940))
-
-
-### Features
-
-* **checkbox:** implement indeterminate state ([#16951](https://github.com/ionic-team/ionic/issues/16951)) ([c641ae1](https://github.com/ionic-team/ionic/commit/c641ae1)), closes [#16943](https://github.com/ionic-team/ionic/issues/16943)
-* **css:** add CSS display utilities ([#17359](https://github.com/ionic-team/ionic/issues/17359)) ([6bea9d3](https://github.com/ionic-team/ionic/commit/6bea9d3)), closes [#10904](https://github.com/ionic-team/ionic/issues/10904)
-* **select:** add compareWith property ([#17358](https://github.com/ionic-team/ionic/issues/17358)) ([69ecebb](https://github.com/ionic-team/ionic/commit/69ecebb))
-* **skeleton-text:** adds animated prop and support for CSS styling ([#17612](https://github.com/ionic-team/ionic/issues/17612)) ([d66b12b](https://github.com/ionic-team/ionic/commit/d66b12b)), closes [ionic-team/ionic-docs#407](https://github.com/ionic-team/ionic-docs/issues/407)
-
-
-
 ## [4.0.2](https://github.com/ionic-team/ionic/compare/v4.0.1...v4.0.2) (2019-02-20)


@@ -718,7 +420,7 @@ Tabs got the last bit of changes needed in order to support lazy loading of comp
     pathMatch: 'full'
   }
 ];
-```
+ ```

 </detail>

@@ -849,14 +551,14 @@ Segment Button now requires the text to be wrapped in an `ion-label` element for
 <ion-segment-button>
  Item One
 </ion-segment-button>
- ```
+```
 *New usage:*

 ```html
 <ion-segment-button>
  <ion-label>Item One</ion-label>
 </ion-segment-button>
- ```
+```

 #### Simplifying Chip

@@ -1015,8 +717,8 @@ Here, we have an `ion-tab` element that accepts an icon, a label, and a link to
  <ion-tab-bar>

    <!-- No ion-tab, just a link that looks like a tab -->
-    <ion-tab-button href="https://ionicframework.com">
-      <!-- <a href="https://ionicframework.com"> -->
+    <ion-tab-button href="https://beta.ionicframework.com">
+      <!-- <a href="https://beta.ionicframework.com"> -->
      <ion-icon name="globe"></ion-icon>
      <ion-label>Schedule</ion-label>
    </ion-tab-button>
@@ -2372,5 +2074,4 @@ The following dependencies need to be updated to resolve build errors


 <a name="0.1.0"></a>
-
 ## [0.1.0](https://github.com/ionic-team/ionic/commit/43a8c4c7a719169336a84964fc1c737562d764a6) (2018-03-01)
--- a/angular/BREAKING.md
+++ b/angular/BREAKING.md
@@ -5,7 +5,7 @@

 ### Migration Guide

-If you aren't sure where to start in upgrading to v4, we recommend reading through our [migration guide](https://ionicframework.com/docs/building/migration) first.
+If you aren't sure where to start in upgrading to v4, we recommend reading through our [migration guide](https://beta.ionicframework.com/docs/building/migration) first.

 ### Migration Linter

@@ -182,14 +182,13 @@ These have been renamed to the following, and moved from the button element to t

 In addition, several sets of mutually exclusive boolean attributes have been combined into a single string attribute.

-The `small` and `large` attributes are now combined under the `size` attribute. The `clear`, `outline`, and `solid` attributes have been combined under `fill`. The `full` and `block` attributes have been combined under `expand`. And, lastly, the `round` attribute is now used under `shape`.
+The `small` and `large` attributes are now combined under the `size` attribute. The `clear`, `outline`, and `solid` attributes have been combined under `fill`. And, lastly, the `full` and `block` attributes have been combined under `expand`.

 | Old Property                | New Property | Property Behavior           |
 | --------------------------- | ------------ | --------------------------- |
 | `small`, `large`            | `size`       | Sets the button size.       |
 | `clear`, `outline`, `solid` | `fill`       | Sets the button fill style. |
 | `full`, `block`             | `expand`     | Sets the button width.      |
-| `round`                     | `shape`      | Sets the button shape.      |


 **Old Usage Example:**
@@ -226,10 +225,6 @@ The `small` and `large` attributes are now combined under the `size` attribute.
 <ion-button full>
  Full-width Button
 </ion-button>
-
-<ion-button round>
-  Round Button
-</ion-button>
 ```

 **New Usage Example:**
@@ -256,10 +251,6 @@ The `small` and `large` attributes are now combined under the `size` attribute.
 <ion-button expand="full">
  Full-width Button
 </ion-button>
-
-<ion-button shape="round">
-  Round Button
-</ion-button>
 ```


@@ -783,26 +774,6 @@ The option component should now be written as an `ion-item-option`. Previously i

 The `getSlidingPercent` method has been renamed to `getSlidingRatio` since the function is returning a ratio of the open amount of the item compared to the width of the options.

-### Arguments Changed
-
-The `ionDrag` event no longer gets the sliding item as an argument. It now takes an event with a property `details` which contains two properties `amount` and `ratio` reflecting the absolute and ratio values of the sliding action respectively.
-
-**Old Usage Example:**
-
-```typescript
-dragged(item: ItemSliding) {
-  console.log(item.getSlidingPercent());
-  console.log(item.getOpenAmount());
-}
-```
-
-**New Usage Example:**
-```typescript
-dragged(ev: { details: { amount: number, ratio: number } }) {
-  console.log(ev.details.ratio);
-  console.log(ev.details.amount);
-}
-```

 ## Label

@@ -1094,11 +1065,11 @@ async openLoading() {
  let loading = this.loadingCtrl.create({
    content: 'Loading...'
  });
-
+  
  await loading.present();
-
+  
  const { role, data } = await loading.onDidDismiss();
-
+    
  console.log('Loading dismissed!');
 }
 ```
@@ -1769,19 +1740,19 @@ Changes the `font-family` of the whole page based on the mode selected (iOS or M
 The following set of CSS files are optional and can safely be commented out if the application is not using any of the features.

 - **padding.css**
-Adds utility attributes that allow adding `padding` and `margin` attributes to any element. See [content space](https://ionicframework.com/docs/layout/css-utilities#content-space) for what this includes.
+Adds utility attributes that allow adding `padding` and `margin` attributes to any element. See [content space](https://beta.ionicframework.com/docs/layout/css-utilities#content-space) for what this includes.

 - **float-elements.css**
-Adds utility attributes that allow adding `float` attributes to any element. See [element placement](https://ionicframework.com/docs/layout/css-utilities/#element-placement) for what this includes.
+Adds utility attributes that allow adding `float` attributes to any element. See [element placement](https://beta.ionicframework.com/docs/layout/css-utilities/#element-placement) for what this includes.

 - **text-alignment.css**
-Adds utility attributes that allow adding text alignment attributes to any element. See [text alignment](https://ionicframework.com/docs/layout/css-utilities/#text-alignment) for what this includes.
+Adds utility attributes that allow adding text alignment attributes to any element. See [text alignment](https://beta.ionicframework.com/docs/layout/css-utilities/#text-alignment) for what this includes.

 - **text-transformation.css**
-Adds utility attributes that allow adding text transformation attributes to any element. See [text transformation](https://ionicframework.com/docs/layout/css-utilities/#text-transformation) for what this includes.
+Adds utility attributes that allow adding text transformation attributes to any element. See [text transformation](https://beta.ionicframework.com/docs/layout/css-utilities/#text-transformation) for what this includes.

 - **flex-utils.css**
-Adds utility attributes that allow adding flex container and item attributes to any element. See [flex properties](https://ionicframework.com/docs/layout/css-utilities/#flex-properties) for what this includes.
+Adds utility attributes that allow adding flex container and item attributes to any element. See [flex properties](https://beta.ionicframework.com/docs/layout/css-utilities/#flex-properties) for what this includes.


 #### Including the CSS Files
@@ -1860,7 +1831,7 @@ p {

 Sass variables should no longer be used to change Ionic components. We have built Ionic to be customizable using CSS variables, instead.

-For more information on theming, check out the [theming documentation](https://ionicframework.com/docs/theming/basics).
+For more information on theming, check out the [theming documentation](https://beta.ionicframework.com/docs/theming/basics).


 ## Toast
--- a/angular/package.json
+++ b/angular/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/angular",
-  "version": "4.6.2",
+  "version": "4.0.2",
  "description": "Angular specific wrappers for @ionic/core",
  "keywords": [
    "ionic",
@@ -45,7 +45,7 @@
    "css/"
  ],
  "dependencies": {
-    "@ionic/core": "4.6.2",
+    "@ionic/core": "4.0.2",
    "tslib": "^1.9.3"
  },
  "peerDependencies": {
@@ -73,12 +73,12 @@
    "@angular/platform-browser": "^7.2.1",
    "@angular/platform-browser-dynamic": "^7.2.1",
    "@angular/router": "^7.2.1",
-    "@types/node": "~12.0.12",
+    "@types/node": "~10.12.0",
    "fs-extra": "^7.0.0",
    "glob": "^7.1.3",
    "rollup": "^1.1.2",
    "rollup-plugin-node-resolve": "^4.0.0",
-    "rxjs": "^6.5.2",
+    "rxjs": "^6.2.0",
    "tsickle": "^0.34.0",
    "tslint": "^5.12.1",
    "tslint-ionic-rules": "0.0.21",
--- a/angular/scripts/rollup.config.js
+++ b/angular/scripts/rollup.config.js
@@ -7,6 +7,10 @@ export default {
    format: 'es'
  },
  external: (id) => {
+    // inline @ionic/core deps
+    if (id === '@ionic/core') {
+      return false;
+    }
    // anything else is external
    // Windows: C:\xxxxxx\xxx
    const colonPosition = 1;
--- a/angular/src/app-initialize.ts
+++ b/angular/src/app-initialize.ts
@@ -1,42 +1,55 @@
-import { NgZone } from '@angular/core';
-import { applyPolyfills, defineCustomElements } from '@ionic/core/loader';
+import { defineCustomElements } from '@ionic/core/loader';

 import { Config } from './providers/config';
 import { IonicWindow } from './types/interfaces';

-export function appInitialize(config: Config, doc: Document, zone: NgZone) {
+export function appInitialize(config: Config) {
  return (): any => {
-    const win: IonicWindow | undefined = doc.defaultView as any;
-    if (win) {
+    const win: IonicWindow | undefined = window as any;
+    if (typeof win !== 'undefined') {
      const Ionic = win.Ionic = win.Ionic || {};

-      Ionic.config = {
-        ...config,
-        _zoneGate: (h: any) => zone.run(h)
+      Ionic.config = config;
+      Ionic.asyncQueue = false;
+
+      Ionic.ael = (elm, eventName, cb, opts) => {
+        if (elm.__zone_symbol__addEventListener && skipZone(eventName)) {
+          elm.__zone_symbol__addEventListener(eventName, cb, opts);
+        } else {
+          elm.addEventListener(eventName, cb, opts);
+        }
      };

-      const aelFn = '__zone_symbol__addEventListener' in (document.body as any)
-        ? '__zone_symbol__addEventListener'
-        : 'addEventListener';
+      Ionic.rel = (elm, eventName, cb, opts) => {
+        if (elm.__zone_symbol__removeEventListener && skipZone(eventName)) {
+          elm.__zone_symbol__removeEventListener(eventName, cb, opts);
+        } else {
+          elm.removeEventListener(eventName, cb, opts);
+        }
+      };

-      return applyPolyfills().then(() => {
-        return defineCustomElements(win, {
-          exclude: ['ion-tabs', 'ion-tab'],
-          syncQueue: true,
-          jmp: (h: any) => zone.runOutsideAngular(h),
-          raf: h => {
-            return zone.runOutsideAngular(() => {
-              return (win.__zone_symbol__requestAnimationFrame) ? win.__zone_symbol__requestAnimationFrame(h) : requestAnimationFrame(h);
-            });
-          },
-          ael(elm, eventName, cb, opts) {
-            (elm as any)[aelFn](eventName, cb, opts);
-          },
-          rel(elm, eventName, cb, opts) {
-            elm.removeEventListener(eventName, cb, opts);
-          }
-        });
+      return defineCustomElements(win, {
+        exclude: ['ion-tabs', 'ion-tab']
      });
    }
  };
 }
+
+const SKIP_ZONE = [
+  'scroll',
+  'resize',
+
+  'touchstart',
+  'touchmove',
+  'touchend',
+
+  'mousedown',
+  'mousemove',
+  'mouseup',
+
+  'ionStyle',
+];
+
+function skipZone(eventName: string) {
+  return SKIP_ZONE.indexOf(eventName) >= 0;
+}
--- a/angular/src/directives/control-value-accessors/value-accessor.ts
+++ b/angular/src/directives/control-value-accessors/value-accessor.ts
@@ -42,14 +42,16 @@ export class ValueAccessor implements ControlValueAccessor {
 }

 export function setIonicClasses(element: ElementRef) {
-  const input = element.nativeElement as HTMLElement;
-  const classes = getClasses(input);
-  setClasses(input, classes);
+  requestAnimationFrame(() => {
+    const input = element.nativeElement as HTMLElement;
+    const classes = getClasses(input);
+    setClasses(input, classes);

-  const item = input.closest('ion-item');
-  if (item) {
-    setClasses(item, classes);
-  }
+    const item = input.closest('ion-item');
+    if (item) {
+      setClasses(item, classes);
+    }
+  });
 }

 function getClasses(element: HTMLElement) {
--- a/angular/src/directives/navigation/ion-router-outlet.ts
+++ b/angular/src/directives/navigation/ion-router-outlet.ts
@@ -1,8 +1,5 @@
-import { Location } from '@angular/common';
-import { Attribute, ComponentFactoryResolver, ComponentRef, Directive, ElementRef, EventEmitter, Injector, NgZone, OnDestroy, OnInit, Optional, Output, SkipSelf, ViewContainerRef } from '@angular/core';
+import { Attribute, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, Directive, ElementRef, EventEmitter, Injector, NgZone, OnDestroy, OnInit, Optional, Output, SkipSelf, ViewContainerRef } from '@angular/core';
 import { ActivatedRoute, ChildrenOutletContexts, OutletContext, PRIMARY_OUTLET, Router } from '@angular/router';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { distinctUntilChanged, filter, switchMap } from 'rxjs/operators';

 import { Config } from '../../providers/config';
 import { NavController } from '../../providers/nav-controller';
@@ -16,6 +13,7 @@ import { RouteView, getUrl } from './stack-utils';
  inputs: ['animated', 'swipeGesture']
 })
 export class IonRouterOutlet implements OnDestroy, OnInit {
+
  private activated: ComponentRef<any> | null = null;
  private activatedView: RouteView | null = null;

@@ -25,12 +23,6 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
  private stackCtrl: StackController;
  private nativeEl: HTMLIonRouterOutletElement;

-  // Maintain map of activated route proxies for each component instance
-  private proxyMap = new WeakMap<any, ActivatedRoute>();
-
-  // Keep the latest activated route in a subject for the proxy routes to switch map to
-  private currentActivatedRoute$ = new BehaviorSubject<{ component: any; activatedRoute: ActivatedRoute } | null>(null);
-
  tabsPrefix: string | undefined;

  @Output() stackEvents = new EventEmitter<any>();
@@ -57,9 +49,9 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
    private resolver: ComponentFactoryResolver,
    @Attribute('name') name: string,
    @Optional() @Attribute('tabs') tabs: string,
+    private changeDetector: ChangeDetectorRef,
    private config: Config,
    private navCtrl: NavController,
-    commonLocation: Location,
    elementRef: ElementRef,
    router: Router,
    zone: NgZone,
@@ -69,7 +61,7 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
    this.nativeEl = elementRef.nativeElement;
    this.name = name || PRIMARY_OUTLET;
    this.tabsPrefix = tabs === 'true' ? getUrl(router, activatedRoute) : undefined;
-    this.stackCtrl = new StackController(this.tabsPrefix, this.nativeEl, router, navCtrl, zone, commonLocation);
+    this.stackCtrl = new StackController(this.tabsPrefix, this.nativeEl, router, navCtrl, zone);
    parentContexts.onChildOutletCreated(this.name, this as any);
  }

@@ -90,13 +82,11 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
        this.activateWith(context.route, context.resolver || null);
      }
    }
-    if ((this.nativeEl as any).componentOnReady) {
-      this.nativeEl.componentOnReady().then(() => {
-        if (this._swipeGesture === undefined) {
-          this.swipeGesture = this.config.getBoolean('swipeBackEnabled', (this.nativeEl as any).mode === 'ios');
-        }
-      });
-    }
+    this.nativeEl.componentOnReady().then(() => {
+      if (this._swipeGesture === undefined) {
+        this.swipeGesture = this.config.getBoolean('swipeBackEnabled', this.nativeEl.mode === 'ios');
+      }
+    });
  }

  get isActivated(): boolean {
@@ -142,20 +132,6 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
    if (this.activated) {
      if (this.activatedView) {
        this.activatedView.savedData = new Map(this.getContext()!.children['contexts']);
-
-        /**
-         * Ensure we are saving the NavigationExtras
-         * data otherwise it will be lost
-         */
-        this.activatedView.savedExtras = {};
-        const context = this.getContext()!;
-
-        if (context.route) {
-          const contextSnapshot = context.route.snapshot;
-
-          this.activatedView.savedExtras.queryParams = contextSnapshot.queryParams;
-          this.activatedView.savedExtras.fragment = contextSnapshot.fragment;
-        }
      }
      const c = this.component;
      this.activatedView = null;
@@ -181,8 +157,6 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
        const context = this.getContext()!;
        context.children['contexts'] = saved;
      }
-      // Updated activated route proxy for this component
-      this.updateActivatedRouteProxy(cmpRef.instance, activatedRoute);
    } else {
      const snapshot = (activatedRoute as any)._futureSnapshot;
      const component = snapshot.routeConfig!.component as any;
@@ -191,25 +165,13 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
      const factory = resolver.resolveComponentFactory(component);
      const childContexts = this.parentContexts.getOrCreateContext(this.name).children;

-      // We create an activated route proxy object that will maintain future updates for this component
-      // over its lifecycle in the stack.
-      const component$ = new BehaviorSubject<any>(null);
-      const activatedRouteProxy = this.createActivatedRouteProxy(component$, activatedRoute);
-
-      const injector = new OutletInjector(activatedRouteProxy, childContexts, this.location.injector);
+      const injector = new OutletInjector(activatedRoute, childContexts, this.location.injector);
      cmpRef = this.activated = this.location.createComponent(factory, this.location.length, injector);

-      // Once the component is created we can push it to our local subject supplied to the proxy
-      component$.next(cmpRef.instance);
-
      // Calling `markForCheck` to make sure we will run the change detection when the
      // `RouterOutlet` is inside a `ChangeDetectionStrategy.OnPush` component.
      enteringView = this.stackCtrl.createView(this.activated, activatedRoute);
-      enteringView.ref.changeDetectorRef.detectChanges();
-
-      // Store references to the proxy by component
-      this.proxyMap.set(cmpRef.instance, activatedRouteProxy);
-      this.currentActivatedRoute$.next({ component: cmpRef.instance, activatedRoute });
+      this.changeDetector.markForCheck();
    }

    this.activatedView = enteringView;
@@ -248,66 +210,6 @@ export class IonRouterOutlet implements OnDestroy, OnInit {
  getActiveStackId(): string | undefined {
    return this.stackCtrl.getActiveStackId();
  }
-
-  /**
-   * Since the activated route can change over the life time of a component in an ion router outlet, we create
-   * a proxy so that we can update the values over time as a user navigates back to components already in the stack.
-   */
-  private createActivatedRouteProxy(component$: Observable<any>, activatedRoute: ActivatedRoute): ActivatedRoute {
-    const proxy: any = new ActivatedRoute();
-
-    proxy._futureSnapshot = (activatedRoute as any)._futureSnapshot;
-    proxy._routerState = (activatedRoute as any)._routerState;
-    proxy.snapshot = activatedRoute.snapshot;
-    proxy.outlet = activatedRoute.outlet;
-    proxy.component = activatedRoute.component;
-
-    // Setup wrappers for the observables so consumers don't have to worry about switching to new observables as the state updates
-    (proxy as any)._paramMap = this.proxyObservable(component$, 'paramMap');
-    (proxy as any)._queryParamMap = this.proxyObservable(component$, 'queryParamMap');
-    proxy.url = this.proxyObservable(component$, 'url');
-    proxy.params = this.proxyObservable(component$, 'params');
-    proxy.queryParams = this.proxyObservable(component$, 'queryParams');
-    proxy.fragment = this.proxyObservable(component$, 'fragment');
-    proxy.data = this.proxyObservable(component$, 'data');
-
-    return proxy as ActivatedRoute;
-  }
-
-  /**
-   * Create a wrapped observable that will switch to the latest activated route matched by the given component
-   */
-  private proxyObservable(component$: Observable<any>, path: string): Observable<any> {
-    return component$.pipe(
-      // First wait until the component instance is pushed
-      filter(component => !!component),
-      switchMap(component =>
-        this.currentActivatedRoute$.pipe(
-          filter(current => current !== null && current.component === component),
-          switchMap(current => current && (current.activatedRoute as any)[path]),
-          distinctUntilChanged()
-        )
-      )
-    );
-  }
-
-  /**
-   * Updates the activated route proxy for the given component to the new incoming router state
-   */
-  private updateActivatedRouteProxy(component: any, activatedRoute: ActivatedRoute): void {
-    const proxy = this.proxyMap.get(component);
-    if (!proxy) {
-      throw new Error(`Could not find activated route proxy for view`);
-    }
-
-    (proxy as any)._futureSnapshot = (activatedRoute as any)._futureSnapshot;
-    (proxy as any)._routerState = (activatedRoute as any)._routerState;
-    proxy.snapshot = activatedRoute.snapshot;
-    proxy.outlet = activatedRoute.outlet;
-    proxy.component = activatedRoute.component;
-
-    this.currentActivatedRoute$.next({ component, activatedRoute });
-  }
 }

 class OutletInjector implements Injector {
--- a/angular/src/directives/navigation/stack-controller.ts
+++ b/angular/src/directives/navigation/stack-controller.ts
@@ -1,4 +1,3 @@
-import { Location } from '@angular/common';
 import { ComponentRef, NgZone } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { RouterDirection } from '@ionic/core';
@@ -23,7 +22,6 @@ export class StackController {
    private router: Router,
    private navCtrl: NavController,
    private zone: NgZone,
-    private location: Location
  ) {
    this.tabsPrefix = tabsPrefix !== undefined ? toSegments(tabsPrefix) : undefined;
  }
@@ -44,7 +42,11 @@ export class StackController {

  getExistingView(activatedRoute: ActivatedRoute): RouteView | undefined {
    const activatedUrlKey = getUrl(this.router, activatedRoute);
-    return this.views.find(vw => vw.url === activatedUrlKey);
+    const view = this.views.find(vw => vw.url === activatedUrlKey);
+    if (view) {
+      view.ref.changeDetectorRef.reattach();
+    }
+    return view;
  }

  setActive(enteringView: RouteView): Promise<StackEvent> {
@@ -56,50 +58,16 @@ export class StackController {
      animation = undefined;
    }
    const viewsSnapshot = this.views.slice();
-
-    let currentNavigation;
-
-    const router = (this.router as any);
-
-    // Angular >= 7.2.0
-    if (router.getCurrentNavigation) {
-      currentNavigation = router.getCurrentNavigation();
-
-    // Angular < 7.2.0
-    } else if (
-      router.navigations &&
-      router.navigations.value
-    ) {
-      currentNavigation = router.navigations.value;
-    }
-
-    /**
-     * If the navigation action
-     * sets `replaceUrl: true`
-     * then we need to make sure
-     * we remove the last item
-     * from our views stack
-     */
-    if (
-      currentNavigation &&
-      currentNavigation.extras &&
-      currentNavigation.extras.replaceUrl
-    ) {
-      if (this.views.length > 0) {
-        this.views.splice(-1, 1);
-      }
-    }
-
    const views = this.insertView(enteringView, direction);
-    return this.wait(() => {
-      return this.transition(enteringView, leavingView, animation, this.canGoBack(1), false)
-        .then(() => cleanupAsync(enteringView, views, viewsSnapshot, this.location))
-        .then(() => ({
-          enteringView,
-          direction,
-          animation,
-          tabSwitch
-        }));
+    return this.wait(async () => {
+      await this.transition(enteringView, leavingView, animation, this.canGoBack(1), false);
+      await cleanupAsync(enteringView, views, viewsSnapshot);
+      return {
+        enteringView,
+        direction,
+        animation,
+        tabSwitch
+      };
    });
  }

@@ -114,32 +82,17 @@ export class StackController {
        return Promise.resolve(false);
      }
      const view = views[views.length - deep - 1];
-      let url = view.url;
-
-      const viewSavedData = view.savedData;
-      if (viewSavedData) {
-        const primaryOutlet = viewSavedData.get('primary');
-        if (
-          primaryOutlet &&
-          primaryOutlet.route &&
-          primaryOutlet.route._routerState &&
-          primaryOutlet.route._routerState.snapshot &&
-          primaryOutlet.route._routerState.snapshot.url
-        ) {
-          url = primaryOutlet.route._routerState.snapshot.url;
-        }
-      }
-
-      return this.navCtrl.navigateBack(url, view.savedExtras).then(() => true);
+      return this.navCtrl.navigateBack(view.url).then(() => true);
    });
  }

-  startBackTransition() {
+  async startBackTransition() {
    const leavingView = this.activeView;
    if (leavingView) {
      const views = this.getStack(leavingView.stackId);
      const enteringView = views[views.length - 2];
-      return this.wait(() => {
+      enteringView.ref.changeDetectorRef.reattach();
+      await this.wait(() => {
        return this.transition(
          enteringView, // entering view
          leavingView, // leaving view
@@ -149,7 +102,6 @@ export class StackController {
        );
      });
    }
-    return Promise.resolve();
  }

  endBackTransition(shouldComplete: boolean) {
@@ -185,7 +137,7 @@ export class StackController {
    return this.views.slice();
  }

-  private transition(
+  private async transition(
    enteringView: RouteView | undefined,
    leavingView: RouteView | undefined,
    direction: 'forward' | 'back' | undefined,
@@ -194,16 +146,8 @@ export class StackController {
  ) {
    if (this.skipTransition) {
      this.skipTransition = false;
-      return Promise.resolve(false);
+      return;
    }
-    if (enteringView) {
-      enteringView.ref.changeDetectorRef.reattach();
-    }
-    // TODO: disconnect leaving page from change detection to
-    // reduce jank during the page transition
-    // if (leavingView) {
-    //   leavingView.ref.changeDetectorRef.detach();
-    // }
    const enteringEl = enteringView ? enteringView.element : undefined;
    const leavingEl = leavingView ? leavingView.element : undefined;
    const containerEl = this.containerEl;
@@ -213,15 +157,15 @@ export class StackController {
        containerEl.appendChild(enteringEl);
      }

-      return this.zone.runOutsideAngular(() => containerEl.commit(enteringEl, leavingEl, {
+      await containerEl.componentOnReady();
+      await containerEl.commit(enteringEl, leavingEl, {
        deepWait: true,
        duration: direction === undefined ? 0 : undefined,
        direction,
        showGoBack,
        progressAnimation
-      }));
+      });
    }
-    return Promise.resolve(false);
  }

  private async wait<T>(task: () => Promise<T>): Promise<T> {
@@ -234,34 +178,22 @@ export class StackController {
  }
 }

-function cleanupAsync(activeRoute: RouteView, views: RouteView[], viewsSnapshot: RouteView[], location: Location) {
+function cleanupAsync(activeRoute: RouteView, views: RouteView[], viewsSnapshot: RouteView[]) {
  return new Promise(resolve => {
    requestAnimationFrame(() => {
-      cleanup(activeRoute, views, viewsSnapshot, location);
+      cleanup(activeRoute, views, viewsSnapshot);
      resolve();
    });
  });
 }

-function cleanup(activeRoute: RouteView, views: RouteView[], viewsSnapshot: RouteView[], location: Location) {
+function cleanup(activeRoute: RouteView, views: RouteView[], viewsSnapshot: RouteView[]) {
  viewsSnapshot
    .filter(view => !views.includes(view))
    .forEach(destroyView);

  views.forEach(view => {
-    /**
-     * In the event that a user navigated multiple
-     * times in rapid succession, we want to make sure
-     * we don't pre-emptively detach a view while
-     * it is in mid-transition.
-     *
-     * In this instance we also do not care about query
-     * params or fragments as it will be the same view regardless
-     */
-    const locationWithoutParams = location.path().split('?')[0];
-    const locationWithoutFragment = locationWithoutParams.split('#')[0];
-
-    if (view !== activeRoute && view.url !== locationWithoutFragment) {
+    if (view !== activeRoute) {
      const element = view.element;
      element.setAttribute('aria-hidden', 'true');
      element.classList.add('ion-page-hidden');
--- a/angular/src/directives/navigation/stack-utils.ts
+++ b/angular/src/directives/navigation/stack-utils.ts
@@ -1,5 +1,5 @@
 import { ComponentRef } from '@angular/core';
-import { ActivatedRoute, NavigationExtras, Router } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { NavDirection, RouterDirection } from '@ionic/core';

 export function insertView(views: RouteView[], view: RouteView, direction: RouterDirection) {
@@ -94,6 +94,5 @@ export interface RouteView {
  element: HTMLElement;
  ref: ComponentRef<any>;
  savedData?: any;
-  savedExtras?: NavigationExtras;
  unlistenEvents: () => void;
 }
--- a/angular/src/directives/proxies-utils.ts
+++ b/angular/src/directives/proxies-utils.ts
@@ -6,9 +6,7 @@ export function proxyInputs(Cmp: any, inputs: string[]) {
  inputs.forEach(item => {
    Object.defineProperty(Prototype, item, {
      get() { return this.el[item]; },
-      set(val: any) {
-        this.z.runOutsideAngular(() => this.el[item] = val);
-      },
+      set(val: any) { this.el[item] = val; },
    });
  });
 }
@@ -18,7 +16,7 @@ export function proxyMethods(Cmp: any, methods: string[]) {
  methods.forEach(methodName => {
    Prototype[methodName] = function() {
      const args = arguments;
-      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+      return this.el.componentOnReady().then((el: any) => el[methodName].apply(el, args));
    };
  });
 }
--- a/angular/src/directives/proxies.ts
+++ b/angular/src/directives/proxies.ts
--- a/angular/src/directives/virtual-scroll/virtual-scroll.ts
+++ b/angular/src/directives/virtual-scroll/virtual-scroll.ts
@@ -128,7 +128,7 @@ export class IonVirtualScroll {
  @ContentChild(VirtualFooter) ftrTmp!: VirtualFooter;

  constructor(
-    private z: NgZone,
+    private zone: NgZone,
    private iterableDiffers: IterableDiffers,
    elementRef: ElementRef,
  ) {
@@ -162,7 +162,7 @@ export class IonVirtualScroll {
  }

  private nodeRender(el: HTMLElement | null, cell: Cell, index: number): HTMLElement {
-    return this.z.run(() => {
+    return this.zone.run(() => {
      let node: EmbeddedViewRef<VirtualContext>;
      if (!el) {
        node = this.itmTmp.viewContainer.createEmbeddedView(
--- a/angular/src/ionic-module.ts
+++ b/angular/src/ionic-module.ts
@@ -1,5 +1,5 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { APP_INITIALIZER, ModuleWithProviders, NgModule, NgZone } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core';
 import { IonicConfig } from '@ionic/core';

 import { appInitialize } from './app-initialize';
@@ -141,9 +141,7 @@ export class IonicModule {
          useFactory: appInitialize,
          multi: true,
          deps: [
-            ConfigToken,
-            DOCUMENT,
-            NgZone
+            ConfigToken
          ]
        }
      ]
--- a/angular/src/providers/action-sheet-controller.ts
+++ b/angular/src/providers/action-sheet-controller.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { ActionSheetOptions, actionSheetController } from '@ionic/core';
+import { ActionSheetOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -8,6 +8,6 @@ import { OverlayBaseController } from '../util/overlay';
 })
 export class ActionSheetController extends OverlayBaseController<ActionSheetOptions, HTMLIonActionSheetElement> {
  constructor() {
-    super(actionSheetController);
+    super('ion-action-sheet-controller');
  }
 }
--- a/angular/src/providers/alert-controller.ts
+++ b/angular/src/providers/alert-controller.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { AlertOptions, alertController } from '@ionic/core';
+import { AlertOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -8,6 +8,6 @@ import { OverlayBaseController } from '../util/overlay';
 })
 export class AlertController extends OverlayBaseController<AlertOptions, HTMLIonAlertElement> {
  constructor() {
-    super(alertController);
+    super('ion-alert-controller');
  }
 }
--- a/angular/src/providers/angular-delegate.ts
+++ b/angular/src/providers/angular-delegate.ts
@@ -114,14 +114,20 @@ const LIFECYCLES = [
 ];

 export function bindLifecycleEvents(instance: any, element: HTMLElement) {
-  const unregisters = LIFECYCLES
-    .filter(eventName => typeof instance[eventName] === 'function')
-    .map(eventName => {
-      const handler = (ev: any) => instance[eventName](ev.detail);
-      element.addEventListener(eventName, handler);
-      return () => element.removeEventListener(eventName, handler);
-    });
-  return () => unregisters.forEach(fn => fn());
+  const unregisters = LIFECYCLES.map(eventName => {
+    const handler = (ev: any) => {
+      if (typeof instance[eventName] === 'function') {
+        instance[eventName](ev.detail);
+      }
+    };
+    element.addEventListener(eventName, handler);
+    return () => {
+      element.removeEventListener(eventName, handler);
+    };
+  });
+  return () => {
+    unregisters.forEach(fn => fn());
+  };
 }

 const NavParamsToken = new InjectionToken<any>('NavParamsToken');
--- a/angular/src/providers/config.ts
+++ b/angular/src/providers/config.ts
@@ -43,8 +43,9 @@ export class Config {
 export const ConfigToken = new InjectionToken<any>('USERCONFIG');

 function getConfig(): CoreConfig | null {
-  if (typeof (window as any) !== 'undefined') {
-    const Ionic = (window as IonicWindow).Ionic;
+  const win: IonicWindow | undefined = window as any;
+  if (typeof win !== 'undefined') {
+    const Ionic = win.Ionic;
    if (Ionic && Ionic.config) {
      return Ionic.config;
    }
--- a/angular/src/providers/dom-controller.ts
+++ b/angular/src/providers/dom-controller.ts
@@ -23,23 +23,14 @@ export class DomController {
 }

 function getQueue() {
-  const win = typeof (window as any) !== 'undefined' ? window : null as any;
-
-  if (win != null) {
-    const Ionic = win.Ionic;
-    if (Ionic && Ionic.queue) {
-      return Ionic.queue;
-    }
-
-    return {
-      read: (cb: any) => win.requestAnimationFrame(cb),
-      write: (cb: any) => win.requestAnimationFrame(cb)
-    };
+  const Ionic = (window as any).Ionic;
+  if (Ionic && Ionic.queue) {
+    return Ionic.queue;
  }

  return {
-    read: (cb: any) => cb(),
-    write: (cb: any) => cb()
+    read: (cb: any) => window.requestAnimationFrame(cb),
+    write: (cb: any) => window.requestAnimationFrame(cb)
  };
 }

--- a/angular/src/providers/loading-controller.ts
+++ b/angular/src/providers/loading-controller.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { LoadingOptions, loadingController } from '@ionic/core';
+import { LoadingOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -8,6 +8,6 @@ import { OverlayBaseController } from '../util/overlay';
 })
 export class LoadingController extends OverlayBaseController<LoadingOptions, HTMLIonLoadingElement> {
  constructor() {
-    super(loadingController);
+    super('ion-loading-controller');
  }
 }
--- a/angular/src/providers/menu-controller.ts
+++ b/angular/src/providers/menu-controller.ts
@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable } from '@angular/core';
+import { Injectable } from '@angular/core';

 import { proxyMethod } from '../util/util';

@@ -9,16 +8,13 @@ const CTRL = 'ion-menu-controller';
 })
 export class MenuController {

-  constructor(@Inject(DOCUMENT) private doc: any) {
-  }
-
  /**
   * Programmatically open the Menu.
   * @param [menuId]  Optionally get the menu by its id, or side.
   * @return returns a promise when the menu is fully opened
   */
  open(menuId?: string): Promise<boolean> {
-    return proxyMethod(CTRL, this.doc, 'open', menuId);
+    return proxyMethod(CTRL, 'open', menuId);
  }

  /**
@@ -29,7 +25,7 @@ export class MenuController {
   * @return returns a promise when the menu is fully closed
   */
  close(menuId?: string): Promise<boolean> {
-    return proxyMethod(CTRL, this.doc, 'close', menuId);
+    return proxyMethod(CTRL, 'close', menuId);
  }

  /**
@@ -39,7 +35,7 @@ export class MenuController {
   * @return returns a promise when the menu has been toggled
   */
  toggle(menuId?: string): Promise<boolean> {
-    return proxyMethod(CTRL, this.doc, 'toggle', menuId);
+    return proxyMethod(CTRL, 'toggle', menuId);
  }

  /**
@@ -51,7 +47,7 @@ export class MenuController {
   * @return Returns the instance of the menu, which is useful for chaining.
   */
  enable(shouldEnable: boolean, menuId?: string): Promise<HTMLIonMenuElement> {
-    return proxyMethod(CTRL, this.doc, 'enable', shouldEnable, menuId);
+    return proxyMethod(CTRL, 'enable', shouldEnable, menuId);
  }

  /**
@@ -61,7 +57,7 @@ export class MenuController {
   * @return Returns the instance of the menu, which is useful for chaining.
   */
  swipeEnable(shouldEnable: boolean, menuId?: string): Promise<HTMLIonMenuElement> {
-    return proxyMethod(CTRL, this.doc, 'swipeEnable', shouldEnable, menuId);
+    return proxyMethod(CTRL, 'swipeEnable', shouldEnable, menuId);
  }

  /**
@@ -70,7 +66,7 @@ export class MenuController {
   * If the menuId is not specified, it returns true if ANY menu is currenly open.
   */
  isOpen(menuId?: string): Promise<boolean> {
-    return proxyMethod(CTRL, this.doc, 'isOpen', menuId);
+    return proxyMethod(CTRL, 'isOpen', menuId);
  }

  /**
@@ -78,7 +74,7 @@ export class MenuController {
   * @return Returns true if the menu is currently enabled, otherwise false.
   */
  isEnabled(menuId?: string): Promise<boolean> {
-    return proxyMethod(CTRL, this.doc, 'isEnabled', menuId);
+    return proxyMethod(CTRL, 'isEnabled', menuId);
  }

  /**
@@ -91,20 +87,20 @@ export class MenuController {
   * @return Returns the instance of the menu if found, otherwise `null`.
   */
  get(menuId?: string): Promise<HTMLIonMenuElement> {
-    return proxyMethod(CTRL, this.doc, 'get', menuId);
+    return proxyMethod(CTRL, 'get', menuId);
  }

  /**
   * @return Returns the instance of the menu already opened, otherwise `null`.
   */
  getOpen(): Promise<HTMLIonMenuElement> {
-    return proxyMethod(CTRL, this.doc, 'getOpen');
+    return proxyMethod(CTRL, 'getOpen');
  }

  /**
   * @return Returns an array of all menu instances.
   */
  getMenus(): Promise<HTMLIonMenuElement[]> {
-    return proxyMethod(CTRL, this.doc, 'getMenus');
+    return proxyMethod(CTRL, 'getMenus');
  }
 }
--- a/angular/src/providers/modal-controller.ts
+++ b/angular/src/providers/modal-controller.ts
@@ -1,5 +1,5 @@
 import { ComponentFactoryResolver, Injectable, Injector } from '@angular/core';
-import { ModalOptions, modalController } from '@ionic/core';
+import { ModalOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -13,7 +13,7 @@ export class ModalController extends OverlayBaseController<ModalOptions, HTMLIon
    private resolver: ComponentFactoryResolver,
    private injector: Injector,
  ) {
-    super(modalController);
+    super('ion-modal-controller');
  }

  create(opts: ModalOptions): Promise<HTMLIonModalElement> {
--- a/angular/src/providers/nav-controller.ts
+++ b/angular/src/providers/nav-controller.ts
@@ -1,6 +1,6 @@
 import { Location } from '@angular/common';
 import { Injectable, Optional } from '@angular/core';
-import { NavigationExtras, NavigationStart, Router, UrlSerializer, UrlTree } from '@angular/router';
+import { NavigationExtras, NavigationStart, Router, UrlTree } from '@angular/router';
 import { NavDirection, RouterDirection } from '@ionic/core';

 import { IonRouterOutlet } from '../directives/navigation/ion-router-outlet';
@@ -29,7 +29,6 @@ export class NavController {
  constructor(
    platform: Platform,
    private location: Location,
-    private serializer: UrlSerializer,
    @Optional() private router?: Router,
  ) {
    // Subscribe to router events to detect direction
@@ -185,29 +184,7 @@ export class NavController {
    if (Array.isArray(url)) {
      return this.router!.navigate(url, options);
    } else {
-
-      /**
-       * navigateByUrl ignores any properties that
-       * would change the url, so things like queryParams
-       * would be ignored unless we create a url tree
-       * More Info: https://github.com/angular/angular/issues/18798
-       */
-      const urlTree = this.serializer.parse(url.toString());
-
-      if (options.queryParams !== undefined) {
-        urlTree.queryParams = { ...options.queryParams };
-      }
-
-      if (options.fragment !== undefined) {
-        urlTree.fragment = options.fragment;
-      }
-
-      /**
-       * `navigateByUrl` will still apply `NavigationExtras` properties
-       * that do not modify the url, such as `replaceUrl` which is why
-       * `options` is passed in here.
-       */
-      return this.router!.navigateByUrl(urlTree, options);
+      return this.router!.navigateByUrl(url, options);
    }
  }
 }
--- a/angular/src/providers/picker-controller.ts
+++ b/angular/src/providers/picker-controller.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { PickerOptions, pickerController } from '@ionic/core';
+import { PickerOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -8,6 +8,6 @@ import { OverlayBaseController } from '../util/overlay';
 })
 export class PickerController extends OverlayBaseController<PickerOptions, HTMLIonPickerElement> {
  constructor() {
-    super(pickerController);
+    super('ion-picker-controller');
  }
 }
--- a/angular/src/providers/platform.ts
+++ b/angular/src/providers/platform.ts
@@ -1,5 +1,4 @@
-import { DOCUMENT } from '@angular/common';
-import { Inject, Injectable } from '@angular/core';
+import { Injectable } from '@angular/core';
 import { BackButtonEventDetail, Platforms, getPlatforms, isPlatform } from '@ionic/core';
 import { Subject, Subscription } from 'rxjs';

@@ -13,7 +12,6 @@ export interface BackButtonEmitter extends Subject<BackButtonEventDetail> {
 export class Platform {

  private _readyPromise: Promise<string>;
-  private win: any;

  /**
   * @hidden
@@ -42,24 +40,22 @@ export class Platform {
   */
  resize = new Subject<void>();

-  constructor(@Inject(DOCUMENT) private doc: any) {
-    this.win = doc.defaultView;
-
+  constructor() {
    this.backButton.subscribeWithPriority = function(priority, callback) {
      return this.subscribe(ev => {
        ev.register(priority, callback);
      });
    };

-    proxyEvent(this.pause, doc, 'pause');
-    proxyEvent(this.resume, doc, 'resume');
-    proxyEvent(this.backButton, doc, 'ionBackButton');
-    proxyEvent(this.resize, this.win, 'resize');
+    proxyEvent(this.pause, document, 'pause');
+    proxyEvent(this.resume, document, 'resume');
+    proxyEvent(this.backButton, document, 'ionBackButton');
+    proxyEvent(this.resize, window, 'resize');

    let readyResolve: (value: string) => void;
    this._readyPromise = new Promise(res => { readyResolve = res; });
-    if (this.win && this.win['cordova']) {
-      doc.addEventListener('deviceready', () => {
+    if ((window as any)['cordova']) {
+      document.addEventListener('deviceready', () => {
        readyResolve('cordova');
      }, { once: true });
    } else {
@@ -110,7 +106,7 @@ export class Platform {
   *
   */
  is(platformName: Platforms): boolean {
-    return isPlatform(this.win, platformName);
+    return isPlatform(window, platformName);
  }

  /**
@@ -133,7 +129,7 @@ export class Platform {
   * ```
   */
  platforms(): string[] {
-    return getPlatforms(this.win);
+    return getPlatforms(window);
  }

  /**
@@ -176,14 +172,14 @@ export class Platform {
   * [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
   */
  get isRTL(): boolean {
-    return this.doc.dir === 'rtl';
+    return document.dir === 'rtl';
  }

  /**
   * Get the query string parameter
   */
  getQueryParam(key: string): string | null {
-    return readQueryParam(this.win.location.href, key);
+    return readQueryParam(window.location.href, key);
  }

  /**
@@ -197,48 +193,45 @@ export class Platform {
   * Returns `true` if the app is in portait mode.
   */
  isPortrait(): boolean {
-    return this.win.matchMedia && this.win.matchMedia('(orientation: portrait)').matches;
+    return window.matchMedia('(orientation: portrait)').matches;
  }

  testUserAgent(expression: string): boolean {
-    const nav = this.win.navigator;
-    return !!(nav && nav.userAgent && nav.userAgent.indexOf(expression) >= 0);
+    return navigator.userAgent.indexOf(expression) >= 0;
  }

  /**
   * Get the current url.
   */
  url() {
-    return this.win.location.href;
+    return window.location.href;
  }

  /**
   * Gets the width of the platform's viewport using `window.innerWidth`.
   */
  width() {
-    return this.win.innerWidth;
+    return window.innerWidth;
  }

  /**
   * Gets the height of the platform's viewport using `window.innerHeight`.
   */
  height(): number {
-    return this.win.innerHeight;
+    return window.innerHeight;
  }
 }

-const readQueryParam = (url: string, key: string) => {
+function readQueryParam(url: string, key: string) {
  key = key.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
  const regex = new RegExp('[\\?&]' + key + '=([^&#]*)');
  const results = regex.exec(url);
  return results ? decodeURIComponent(results[1].replace(/\+/g, ' ')) : null;
-};
+}

-const proxyEvent = <T>(emitter: Subject<T>, el: EventTarget, eventName: string) => {
-  if ((el as any)) {
-    el.addEventListener(eventName, (ev: Event | undefined | null) => {
-      // ?? cordova might emit "null" events
-      emitter.next(ev != null ? (ev as any).detail as T : undefined);
-    });
-  }
-};
+function proxyEvent<T>(emitter: Subject<T>, el: EventTarget, eventName: string) {
+  el.addEventListener(eventName, (ev: Event | undefined | null) => {
+    // ?? cordova might emit "null" events
+    emitter.next(ev != null ? (ev as any).detail as T : undefined);
+  });
+}
--- a/angular/src/providers/popover-controller.ts
+++ b/angular/src/providers/popover-controller.ts
@@ -1,5 +1,5 @@
 import { ComponentFactoryResolver, Injectable, Injector } from '@angular/core';
-import { PopoverOptions, popoverController } from '@ionic/core';
+import { PopoverOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -13,7 +13,7 @@ export class PopoverController extends OverlayBaseController<PopoverOptions, HTM
    private resolver: ComponentFactoryResolver,
    private injector: Injector,
  ) {
-    super(popoverController);
+    super('ion-popover-controller');
  }

  create(opts: PopoverOptions): Promise<HTMLIonPopoverElement> {
--- a/angular/src/providers/toast-controller.ts
+++ b/angular/src/providers/toast-controller.ts
@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { ToastOptions, toastController } from '@ionic/core';
+import { ToastOptions } from '@ionic/core';

 import { OverlayBaseController } from '../util/overlay';

@@ -8,6 +8,6 @@ import { OverlayBaseController } from '../util/overlay';
 })
 export class ToastController extends OverlayBaseController<ToastOptions, HTMLIonToastElement> {
  constructor() {
-    super(toastController);
+    super('ion-toast-controller');
  }
 }
--- a/angular/src/schematics/add/files/root/theme/variables.css
+++ b/angular/src/schematics/add/files/root/theme/variables.css
@@ -1,6 +1,6 @@
 /* Ionic Variables and Theming. */
 /* This is just a placeholder file For more info, please see: */
-/* https://ionicframework.com/docs/theming/basics */
+/* https://beta.ionicframework.com/docs/theming/basics */

 /* To quickly generate your own theme, check out the color generator */
-/* https://ionicframework.com/docs/theming/color-generator */
+/* https://beta.ionicframework.com/docs/theming/color-generator */
--- a/angular/src/schematics/add/index.ts
+++ b/angular/src/schematics/add/index.ts
@@ -1,9 +1,20 @@
-import { join, Path } from '@angular-devkit/core';
-import { apply, chain, mergeWith, move, Rule, SchematicContext, SchematicsException, template, Tree, url } from '@angular-devkit/schematics';
+import {
+  Rule,
+  SchematicContext,
+  SchematicsException,
+  Tree,
+  apply,
+  chain,
+  mergeWith,
+  move,
+  template,
+  url
+} from '@angular-devkit/schematics';
+import { Path, join } from '@angular-devkit/core';
 import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
-import { addModuleImportToRootModule } from './../utils/ast';
-import { addArchitectBuilder, addStyle, getWorkspace, addAsset } from './../utils/config';
 import { addPackageToPackageJson } from './../utils/package';
+import { addModuleImportToRootModule } from './../utils/ast';
+import { addStyle, getWorkspace, addArchitectBuilder } from './../utils/config';
 import { Schema as IonAddOptions } from './schema';

 function addIonicAngularToPackageJson(): Rule {
@@ -25,11 +36,10 @@ function addIonicAngularToolkitToPackageJson(): Rule {
  };
 }

-function addIonicAngularModuleToAppModule(projectSourceRoot): Rule {
+function addIonicAngularModuleToAppModule(): Rule {
  return (host: Tree) => {
    addModuleImportToRootModule(
      host,
-      projectSourceRoot,
      'IonicModule.forRoot()',
      '@ionic/angular'
    );
@@ -57,18 +67,6 @@ function addIonicStyles(): Rule {
  };
 }

-function addIonicons(): Rule {
-  return (host: Tree) => {
-    const ioniconsGlob = {
-      glob: '**/*.svg',
-      input: 'node_modules/ionicons/dist/ionicons/svg',
-      output: './svg'
-    };
-    addAsset(host, ioniconsGlob);
-    return host;
-  };
-}
-
 function addIonicBuilder(): Rule {
  return (host: Tree) => {
    addArchitectBuilder(host, 'ionic-cordova-serve', {
@@ -127,10 +125,9 @@ export default function ngAdd(options: IonAddOptions): Rule {
      // @ionic/angular
      addIonicAngularToPackageJson(),
      addIonicAngularToolkitToPackageJson(),
-      addIonicAngularModuleToAppModule(sourcePath),
+      addIonicAngularModuleToAppModule(),
      addIonicBuilder(),
      addIonicStyles(),
-      addIonicons(),
      mergeWith(rootTemplateSource),
      // install freshly added dependencies
      installNodeDeps()
--- a/angular/src/schematics/utils/ast.ts
+++ b/angular/src/schematics/utils/ast.ts
@@ -27,13 +27,12 @@ export function getSourceFile(host: Tree, path: string): ts.SourceFile {
 */
 export function addModuleImportToRootModule(
  host: Tree,
-  projectSourceRoot,
  moduleName: string,
  importSrc: string
 ) {
  addModuleImportToModule(
    host,
-    normalize(`${projectSourceRoot}/app/app.module.ts`),
+    normalize(`src/app/app.module.ts`),
    moduleName,
    importSrc
  );
--- a/angular/src/schematics/utils/config.ts
+++ b/angular/src/schematics/utils/config.ts
@@ -64,18 +64,6 @@ export function addStyle(host: Tree, stylePath: string) {
  }
 }

-export function addAsset(host: Tree, asset: string | {glob: string; input: string; output: string}) {
-  const config = readConfig(host);
-  const appConfig = getAngularAppConfig(config);
-
-  if (appConfig) {
-    appConfig.architect.build.options.assets.push(asset);
-    writeConfig(host, config);
-  } else {
-    throw new SchematicsException(`Cannot find valid app`);
-  }
-}
-
 export function addArchitectBuilder(host: Tree, builderName: string, builderOpts: any){
  const config = readConfig(host);
  const appConfig = getAngularAppConfig(config);
--- a/angular/src/types/interfaces.ts
+++ b/angular/src/types/interfaces.ts
@@ -1,15 +1,13 @@

 export interface IonicGlobal {
  config?: any;
+  ael?: (elm: any, eventName: string, cb: (ev: Event) => void, opts: any) => void;
+  raf?: (ts: number) => void;
+  rel?: (elm: any, eventName: string, cb: (ev: Event) => void, opts: any) => void;
  asyncQueue?: boolean;
 }

 export interface IonicWindow extends Window {
  Ionic: IonicGlobal;
-  __zone_symbol__requestAnimationFrame?: (ts: FrameRequestCallback) => number;
-}
-
-export interface HTMLStencilElement extends HTMLElement {
-  componentOnReady(): Promise<this>;
-  forceUpdate(): void;
+  __zone_symbol__requestAnimationFrame: (ts: number) => void;
 }
--- a/angular/src/util/overlay.ts
+++ b/angular/src/util/overlay.ts
@@ -1,32 +1,26 @@
+import { proxyMethod } from './util';

-interface ControllerShape<Opts, HTMLElm> {
-  create(options: Opts): Promise<HTMLElm>;
-  dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
-  getTop(): Promise<HTMLElm | undefined>;
-}
-
-export class OverlayBaseController<Opts, Overlay> implements ControllerShape<Opts, Overlay> {
-  constructor(private ctrl: ControllerShape<Opts, Overlay>) {}
+export class OverlayBaseController<Opts, Overlay> {
+  constructor(private ctrl: string) {}

  /**
   * Creates a new overlay
   */
-  create(opts?: Opts) {
-    // TODO: next major release opts is not optional
-    return this.ctrl.create((opts || {}) as any);
+  create(opts?: Opts): Promise<Overlay> {
+    return proxyMethod(this.ctrl, 'create', opts);
  }

  /**
   * When `id` is not provided, it dismisses the top overlay.
   */
-  dismiss(data?: any, role?: string, id?: string) {
-    return this.ctrl.dismiss(data, role, id);
+  dismiss(data?: any, role?: string, id?: string): Promise<void> {
+    return proxyMethod(this.ctrl, 'dismiss', data, role, id);
  }

  /**
   * Returns the top overlay.
   */
-  getTop() {
-    return this.ctrl.getTop();
+  getTop(): Promise<Overlay> {
+    return proxyMethod(this.ctrl, 'getTop');
  }
 }
--- a/angular/src/util/util.ts
+++ b/angular/src/util/util.ts
@@ -1,16 +1,15 @@
-import { HTMLStencilElement } from '../types/interfaces';

-export function proxyMethod(ctrlName: string, doc: Document, methodName: string, ...args: any[]) {
-  const controller = ensureElementInBody(ctrlName, doc);
+export function proxyMethod(ctrlName: string, methodName: string, ...args: any[]) {
+  const controller = ensureElementInBody(ctrlName);
  return controller.componentOnReady()
    .then(() => (controller as any)[methodName].apply(controller, args));
 }

-export function ensureElementInBody(elementName: string, doc: Document) {
-  let element = doc.querySelector(elementName);
+export function ensureElementInBody(elementName: string) {
+  let element = document.querySelector(elementName);
  if (!element) {
-    element = doc.createElement(elementName);
-    doc.body.appendChild(element);
+    element = document.createElement(elementName);
+    document.body.appendChild(element);
  }
  return element as HTMLStencilElement;
 }
--- a/angular/test/test-app/angular.json
+++ b/angular/test/test-app/angular.json
@@ -20,16 +20,7 @@
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
-              {
-                "glob": "**/*",
-                "input": "src/assets",
-                "output": "assets"
-              },
-              {
-                "glob": "**/*.svg",
-                "input": "node_modules/ionicons/dist/ionicons/svg",
-                "output": "./svg"
-              }
+              "src/assets"
            ],
            "styles": [
              "src/styles.css"
--- a/angular/test/test-app/e2e/protractor.conf.js
+++ b/angular/test/test-app/e2e/protractor.conf.js
@@ -10,7 +10,7 @@ exports.config = {
  ],
  capabilities: {
    browserName: 'chrome',
-
+  
    chromeOptions: {
       args: [ "--headless", "--disable-gpu", "--window-size=400,1000", "--start-maximized" ]
     }
--- a/angular/test/test-app/e2e/src/form.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/form.e2e-spec.ts
@@ -4,13 +4,12 @@ import { handleErrorMessages, setProperty, getText, waitTime } from './utils';
 describe('form', () => {

  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  describe('change', () => {
    beforeEach(async () => {
      await browser.get('/form');
-      await waitTime(30);
    });

    it('should have default values', async () => {
@@ -82,7 +81,6 @@ describe('form', () => {
  describe('blur', () => {
    beforeEach(async () => {
      await browser.get('/form#blur');
-      await waitTime(30);
    });

    it('ion-toggle should change only after blur', async () => {
--- a/angular/test/test-app/e2e/src/inputs.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/inputs.e2e-spec.ts
@@ -1,14 +1,13 @@
 import { browser, element, by } from 'protractor';
-import { getProperty, setProperty, handleErrorMessages, waitTime } from './utils';
+import { getProperty, setProperty, handleErrorMessages } from './utils';

 describe('inputs', () => {

  beforeEach(async () => {
    await browser.get('/inputs');
-    await waitTime(30);
  });
  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should have default value', async () => {
--- a/angular/test/test-app/e2e/src/modal.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/modal.e2e-spec.ts
@@ -5,10 +5,9 @@ describe('modals', () => {

  beforeEach(async () => {
    await browser.get('/modals');
-    await waitTime(30);
  });
  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should open standalone modal and close', async () => {
--- a/angular/test/test-app/e2e/src/navigation.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/navigation.e2e-spec.ts
@@ -4,7 +4,7 @@ import { handleErrorMessages, waitTime, testStack } from './utils';
 describe('navigation', () => {

  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should navigate correctly', async () => {
--- a/angular/test/test-app/e2e/src/nested-outlet.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/nested-outlet.e2e-spec.ts
@@ -4,7 +4,7 @@ import { waitTime, handleErrorMessages, goBack } from './utils';
 describe('nested-outlet', () => {

  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should navigate correctly', async () => {
--- a/angular/test/test-app/e2e/src/providers.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/providers.e2e-spec.ts
@@ -4,7 +4,7 @@ import { handleErrorMessages, waitTime } from './utils';
 describe('providers', () => {

  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should load all providers', async () => {
--- a/angular/test/test-app/e2e/src/router-link.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/router-link.e2e-spec.ts
@@ -1,59 +1,13 @@
-import { browser, element, by, protractor } from 'protractor';
+import { browser, element, by } from 'protractor';
 import { waitTime, testStack, testLifeCycle, handleErrorMessages } from './utils';

-const EC = protractor.ExpectedConditions;
-
-describe('router-link params and fragments', () => {
-  const queryParam = 'A&=#Y';
-  const fragment = 'myDiv1';
-  const id = 'MyPageID==';
-
-  afterEach(() => {
-    return handleErrorMessages();
-  });
-
-  it('should go to a page with properly encoded values', async () => {
-    await browser.get('/router-link?ionic:_testing=true');
-    await element(by.css('#queryParamsFragment')).click();
-
-    const expectedRoute = `${encodeURIComponent(id)}?token=${encodeURIComponent(queryParam)}#${encodeURIComponent(fragment)}`;
-
-    browser.wait(EC.urlContains(expectedRoute), 5000);
-  });
-
-  it('should return to a page with preserved query param and fragment', async () => {
-    await browser.get('/router-link?ionic:_testing=true');
-    await element(by.css('#queryParamsFragment')).click();
-    await waitTime(200);
-    await element(by.css('#goToPage3')).click();
-
-    browser.wait(EC.urlContains('router-link-page3'), 5000);
-    await waitTime(200);
-
-    await element(by.css('#goBackFromPage3')).click();
-
-    const expectedRoute = `${encodeURIComponent(id)}?token=${encodeURIComponent(queryParam)}#${encodeURIComponent(fragment)}`;
-    browser.wait(EC.urlContains(expectedRoute), 5000);
-  });
-
-  it('should preserve query param and fragment with defaultHref string', async () => {
-    await browser.get('/router-link-page3?ionic:_testing=true');
-
-    await element(by.css('#goBackFromPage3')).click();
-
-    const expectedRoute = '?token=ABC#fragment';
-    browser.wait(EC.urlContains(expectedRoute), 5000);
-  });
-});
-
 describe('router-link', () => {

  beforeEach(async () => {
    await browser.get('/router-link');
-    await waitTime(30);
  });
  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });


@@ -123,6 +77,7 @@ describe('router-link', () => {

    it('should go back with ion-button[routerLink][routerDirection=back]', async () => {
      await element(by.css('#routerLink-back')).click();
+      await testBack();
    });

    it('should go back with a[routerLink][routerDirection=back]', async () => {
@@ -138,7 +93,7 @@ describe('router-link', () => {
 });

 async function testForward() {
-  await waitTime(2500);
+  await waitTime(500);
  await testStack('ion-router-outlet', ['app-router-link', 'app-router-link-page']);
  await testLifeCycle('app-router-link', {
    ionViewWillEnter: 1,
@@ -152,6 +107,7 @@ async function testForward() {
    ionViewWillLeave: 0,
    ionViewDidLeave: 0,
  });
+
 }

 async function testRoot() {
@@ -163,15 +119,6 @@ async function testRoot() {
    ionViewWillLeave: 0,
    ionViewDidLeave: 0,
  });
-  await browser.navigate().back();
-  await waitTime(100);
-  await testStack('ion-router-outlet', ['app-router-link']);
-  await testLifeCycle('app-router-link', {
-    ionViewWillEnter: 1,
-    ionViewDidEnter: 1,
-    ionViewWillLeave: 0,
-    ionViewDidLeave: 0,
-  });
 }

 async function testBack() {
--- a/angular/test/test-app/e2e/src/slides.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/slides.e2e-spec.ts
@@ -5,10 +5,9 @@ describe('slides', () => {

  beforeEach(async () => {
    await browser.get('/slides');
-    await waitTime(30);
  });
  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should change index on slide change', async () => {
--- a/angular/test/test-app/e2e/src/tabs.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/tabs.e2e-spec.ts
@@ -3,12 +3,11 @@ import { waitTime, testStack, handleErrorMessages } from './utils';

 describe('tabs', () => {
  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });
  describe('entry url - /tabs', () => {
    beforeEach(async () => {
      await browser.get('/tabs');
-      await waitTime(30);
    });

    it('should redirect and load tab-account', async () => {
@@ -100,7 +99,6 @@ describe('tabs', () => {
  describe('entry url - /tabs/account/nested/12', () => {
    beforeEach(async () => {
      await browser.get('/tabs/account/nested/12');
-      await waitTime(30);
    });

    it('should only display the back-button when there is a page in the stack', async () => {
@@ -120,7 +118,6 @@ describe('tabs', () => {
  describe('entry url - /tabs/lazy', () => {
    beforeEach(async () => {
      await browser.get('/tabs/lazy');
-      await waitTime(30);
    });

    it('should not display the back-button if coming from a different stack', async () => {
@@ -133,27 +130,6 @@ describe('tabs', () => {
      expect(await tab.$('ion-back-button').isDisplayed()).toBe(false);
    });
  });
-
-  describe('enter url - /tabs/contact/one', () => {
-    beforeEach(async () => {
-      await browser.get('/tabs/contact/one');
-      await waitTime(30);
-    });
-
-    it('should return to correct tab after going to page in different outlet', async () => {
-      const tab = await getSelectedTab();
-      await tab.$('#goto-nested-page1').click();
-
-      await waitTime(600);
-      await testStack('app-nested-outlet ion-router-outlet', ['app-nested-outlet-page']);
-
-      const nestedOutlet = await element(by.css('app-nested-outlet'));
-      const backButton = await nestedOutlet.$('ion-back-button');
-      await backButton.click();
-
-      await testTabTitle('Tab 2 - Page 1');
-    });
-  })
 });

 async function testState(count: number, tab: string) {
@@ -161,7 +137,7 @@ async function testState(count: number, tab: string) {
 }

 async function testTabTitle(title: string) {
-  await waitTime(1000);
+  await waitTime(600);
  const tab = await getSelectedTab();
  expect(await tab.$('ion-title').getText()).toEqual(title);
  return tab;
--- a/angular/test/test-app/e2e/src/utils.ts
+++ b/angular/test/test-app/e2e/src/utils.ts
@@ -37,12 +37,19 @@ export interface LifeCycleCount {
 }

 export function handleErrorMessages() {
-  return browser.manage().logs().get('browser').then(function (browserLog) {
-    for (let i = 0; i <= browserLog.length - 1; i++) {
-      if (browserLog[i].level.name_ === 'SEVERE') {
-        fail(browserLog[i].message);
-      }
+  browser.manage().logs().get('browser').then(function(browserLog) {
+    let severWarnings = false;
+
+    for (let i; i <= browserLog.length - 1; i++) {
+        if (browserLog[i].level.name === 'SEVERE') {
+            console.log('\n' + browserLog[i].level.name);
+            console.log('(Possibly exception) \n' + browserLog[i].message);
+
+            severWarnings = true;
+        }
    }
+
+    expect(severWarnings).toBe(false);
  });
 }

--- a/angular/test/test-app/e2e/src/view-child.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/view-child.e2e-spec.ts
@@ -1,14 +1,13 @@
 import { browser, element, by } from 'protractor';
-import { handleErrorMessages, waitTime } from './utils';
+import { handleErrorMessages } from './utils';

 describe('view-child', () => {

  beforeEach(async () => {
    await browser.get('/view-child');
-    await waitTime(30);
  });
  afterEach(() => {
-    return handleErrorMessages();
+    handleErrorMessages();
  });

  it('should get a reference to all children', async () => {
--- a/angular/test/test-app/e2e/src/virtual-scroll.e2e-spec.ts
+++ b/angular/test/test-app/e2e/src/virtual-scroll.e2e-spec.ts
@@ -1,18 +0,0 @@
-import { browser, element, by } from 'protractor';
-import { waitTime, handleErrorMessages } from './utils';
-
-describe('virtual-scroll', () => {
-  afterEach(() => {
-    return handleErrorMessages();
-  });
-  beforeEach(async () => {
-    await browser.get('/virtual-scroll');
-    await waitTime(30);
-  });
-
-  it('should open virtual-scroll', () => {
-    const virtualElements = element.all(by.css('ion-virtual-scroll > *'));
-    expect(virtualElements.count()).toBeGreaterThan(0);
-  });
-
-});
--- a/angular/test/test-app/package-lock.json
+++ b/angular/test/test-app/package-lock.json
@@ -83,7 +83,7 @@
      "dependencies": {
        "source-map": {
          "version": "0.5.6",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
          "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI=",
          "dev": true
        },
@@ -421,7 +421,7 @@
        },
        "load-json-file": {
          "version": "2.0.0",
-          "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
          "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=",
          "dev": true,
          "requires": {
@@ -463,7 +463,7 @@
        },
        "minimist": {
          "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
          "dev": true
        },
@@ -489,7 +489,7 @@
        },
        "pify": {
          "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        },
@@ -796,28 +796,20 @@
      }
    },
    "@ionic/angular": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@ionic/angular/-/angular-4.6.0.tgz",
-      "integrity": "sha512-T7At4TBHqkNP9zt6nHqgIztOIDB3X/3YojNm5aya/2tlT9mJ+R0DcGBaKD+KOvKmauzIiABs0A3sxFAPZURVCQ==",
+      "version": "4.0.0-rc.1",
+      "resolved": "https://registry.npmjs.org/@ionic/angular/-/angular-4.0.0-rc.1.tgz",
+      "integrity": "sha512-BoNynQ7s+9v4D/yOg6Po33c8svL3HLrL623cmU2CeXIh8F7c4DTlyn+vE6x1ifWrlHucLc5KmMCGd5YqzsGfNw==",
      "requires": {
-        "@ionic/core": "4.6.0",
+        "@ionic/core": "4.0.0-rc.1",
        "tslib": "^1.9.3"
      }
    },
    "@ionic/core": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-4.6.0.tgz",
-      "integrity": "sha512-yE7zVnj8jQYQfFw+oliXgbpxDGYDS8SKDRLo3I0IQWGIn50nFntQVfH+FfaJ6bWexInq+86+dQLDIjCUQUX0PQ==",
+      "version": "4.0.0-rc.1",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-4.0.0-rc.1.tgz",
+      "integrity": "sha512-HGMjSq0hW7xVczTDib3tJ1aLi6RgE6R3spKWRiEsVvuBz3WGrLAuG6ASFic/U1k5LLG6vyJoWs4qvZ24b3dXag==",
      "requires": {
-        "ionicons": "4.5.10-2",
-        "tslib": "^1.10.0"
-      },
-      "dependencies": {
-        "tslib": {
-          "version": "1.10.0",
-          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
-        }
+        "ionicons": "4.5.1"
      }
    },
    "@ngtools/webpack": {
@@ -961,7 +953,7 @@
    },
    "@types/q": {
      "version": "0.0.32",
-      "resolved": "http://registry.npmjs.org/@types/q/-/q-0.0.32.tgz",
+      "resolved": "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz",
      "integrity": "sha1-vShOV8hPEyXacCur/IKlMoGQwMU=",
      "dev": true
    },
@@ -1356,7 +1348,6 @@
      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
      "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
      "dev": true,
-      "optional": true,
      "requires": {
        "delegates": "^1.0.0",
        "readable-stream": "^2.0.6"
@@ -1485,7 +1476,7 @@
        },
        "util": {
          "version": "0.10.3",
-          "resolved": "http://registry.npmjs.org/util/-/util-0.10.3.tgz",
+          "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
          "integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
          "dev": true,
          "requires": {
@@ -1508,7 +1499,7 @@
    },
    "async": {
      "version": "1.5.2",
-      "resolved": "http://registry.npmjs.org/async/-/async-1.5.2.tgz",
+      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
      "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=",
      "dev": true
    },
@@ -1588,7 +1579,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -1846,7 +1837,7 @@
      "dependencies": {
        "minimist": {
          "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
          "dev": true
        }
@@ -1943,7 +1934,7 @@
    },
    "browserify-aes": {
      "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
      "dev": true,
      "requires": {
@@ -1980,7 +1971,7 @@
    },
    "browserify-rsa": {
      "version": "4.0.1",
-      "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz",
      "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=",
      "dev": true,
      "requires": {
@@ -2034,7 +2025,7 @@
    },
    "buffer": {
      "version": "4.9.1",
-      "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz",
      "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=",
      "dev": true,
      "requires": {
@@ -2109,7 +2100,7 @@
    },
    "cacache": {
      "version": "10.0.4",
-      "resolved": "http://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
+      "resolved": "https://registry.npmjs.org/cacache/-/cacache-10.0.4.tgz",
      "integrity": "sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==",
      "dev": true,
      "requires": {
@@ -2160,7 +2151,7 @@
    },
    "camelcase-keys": {
      "version": "2.1.0",
-      "resolved": "http://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
      "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
      "dev": true,
      "optional": true,
@@ -2567,8 +2558,7 @@
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
-      "dev": true,
-      "optional": true
+      "dev": true
    },
    "constants-browserify": {
      "version": "1.0.0",
@@ -2692,7 +2682,7 @@
    },
    "create-hash": {
      "version": "1.2.0",
-      "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
      "dev": true,
      "requires": {
@@ -2705,7 +2695,7 @@
    },
    "create-hmac": {
      "version": "1.1.7",
-      "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
      "dev": true,
      "requires": {
@@ -2939,7 +2929,7 @@
      "dependencies": {
        "globby": {
          "version": "6.1.0",
-          "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
          "dev": true,
          "requires": {
@@ -2952,7 +2942,7 @@
          "dependencies": {
            "pify": {
              "version": "2.3.0",
-              "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+              "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
              "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
              "dev": true
            }
@@ -2970,8 +2960,7 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
-      "dev": true,
-      "optional": true
+      "dev": true
    },
    "depd": {
      "version": "1.1.2",
@@ -3030,7 +3019,7 @@
    },
    "diffie-hellman": {
      "version": "5.0.3",
-      "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
      "dev": true,
      "requires": {
@@ -3197,7 +3186,7 @@
    },
    "engine.io-client": {
      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.2.1.tgz",
+      "resolved": "http://registry.npmjs.org/engine.io-client/-/engine.io-client-3.2.1.tgz",
      "integrity": "sha512-y5AbkytWeM4jQr7m/koQLc5AxpRKC1hEVUb/s1FUAWEJq5AzJJ4NLvzuKPuxtDi5Mq755WuDvZ6Iv2rXj4PTzw==",
      "dev": true,
      "requires": {
@@ -3321,7 +3310,7 @@
      "dependencies": {
        "source-map": {
          "version": "0.2.0",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.2.0.tgz",
          "integrity": "sha1-2rc/vPwrqBm03gO9b26qSBZLP50=",
          "dev": true,
          "optional": true,
@@ -3485,7 +3474,7 @@
        },
        "expand-range": {
          "version": "0.1.1",
-          "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz",
+          "resolved": "http://registry.npmjs.org/expand-range/-/expand-range-0.1.1.tgz",
          "integrity": "sha1-TLjtoJk8pW+k9B/ELzy7TMrf8EQ=",
          "dev": true,
          "requires": {
@@ -3544,7 +3533,7 @@
    },
    "expand-range": {
      "version": "1.8.2",
-      "resolved": "http://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
      "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
      "dev": true,
      "requires": {
@@ -3858,7 +3847,7 @@
    },
    "finalhandler": {
      "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
      "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
      "dev": true,
      "requires": {
@@ -3891,12 +3880,6 @@
        "locate-path": "^2.0.0"
      }
    },
-    "flatted": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.0.tgz",
-      "integrity": "sha512-R+H8IZclI8AAkSBRQJLVOsxwAoHd6WC40b4QTNWIjzAa6BXOBfQcM587MXDTVPeYaopFNWHUFLx7eNmHDSxMWg==",
-      "dev": true
-    },
    "flush-write-stream": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.0.3.tgz",
@@ -4046,8 +4029,7 @@
        "ansi-regex": {
          "version": "2.1.1",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "aproba": {
          "version": "1.2.0",
@@ -4068,14 +4050,12 @@
        "balanced-match": {
          "version": "1.0.0",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "brace-expansion": {
          "version": "1.1.11",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "balanced-match": "^1.0.0",
            "concat-map": "0.0.1"
@@ -4090,20 +4070,17 @@
        "code-point-at": {
          "version": "1.1.0",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "concat-map": {
          "version": "0.0.1",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "console-control-strings": {
          "version": "1.1.0",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "core-util-is": {
          "version": "1.0.2",
@@ -4220,8 +4197,7 @@
        "inherits": {
          "version": "2.0.3",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "ini": {
          "version": "1.3.5",
@@ -4233,7 +4209,6 @@
          "version": "1.0.0",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "number-is-nan": "^1.0.0"
          }
@@ -4248,7 +4223,6 @@
          "version": "3.0.4",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "brace-expansion": "^1.1.7"
          }
@@ -4256,14 +4230,12 @@
        "minimist": {
          "version": "0.0.8",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "minipass": {
          "version": "2.2.4",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "safe-buffer": "^5.1.1",
            "yallist": "^3.0.0"
@@ -4282,7 +4254,6 @@
          "version": "0.5.1",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "minimist": "0.0.8"
          }
@@ -4363,8 +4334,7 @@
        "number-is-nan": {
          "version": "1.0.1",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "object-assign": {
          "version": "4.1.1",
@@ -4376,7 +4346,6 @@
          "version": "1.4.0",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "wrappy": "1"
          }
@@ -4462,8 +4431,7 @@
        "safe-buffer": {
          "version": "5.1.1",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "safer-buffer": {
          "version": "2.1.2",
@@ -4499,7 +4467,6 @@
          "version": "1.0.2",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "code-point-at": "^1.0.0",
            "is-fullwidth-code-point": "^1.0.0",
@@ -4519,7 +4486,6 @@
          "version": "3.0.1",
          "bundled": true,
          "dev": true,
-          "optional": true,
          "requires": {
            "ansi-regex": "^2.0.0"
          }
@@ -4563,14 +4529,12 @@
        "wrappy": {
          "version": "1.0.2",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        },
        "yallist": {
          "version": "3.0.2",
          "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
        }
      }
    },
@@ -4579,7 +4543,6 @@
      "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.11.tgz",
      "integrity": "sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE=",
      "dev": true,
-      "optional": true,
      "requires": {
        "graceful-fs": "^4.1.2",
        "inherits": "~2.0.0",
@@ -4592,7 +4555,6 @@
      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
      "dev": true,
-      "optional": true,
      "requires": {
        "aproba": "^1.0.3",
        "console-control-strings": "^1.0.0",
@@ -4630,12 +4592,11 @@
      "version": "4.0.1",
      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
-      "dev": true,
-      "optional": true
+      "dev": true
    },
    "get-stream": {
      "version": "3.0.0",
-      "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
      "dev": true
    },
@@ -4856,8 +4817,7 @@
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
-      "dev": true,
-      "optional": true
+      "dev": true
    },
    "has-value": {
      "version": "1.0.0",
@@ -5010,7 +4970,7 @@
    },
    "http-proxy-middleware": {
      "version": "0.18.0",
-      "resolved": "http://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.18.0.tgz",
      "integrity": "sha512-Fs25KVMPAIIcgjMZkVHJoKg9VcXcC1C8yb9JUgeDvVXY0S/zgVIhMb+qVswDIgtJe2DfckMSY2d6TuTEutlk6Q==",
      "dev": true,
      "requires": {
@@ -5360,9 +5320,9 @@
      "dev": true
    },
    "ionicons": {
-      "version": "4.5.10-2",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-4.5.10-2.tgz",
-      "integrity": "sha512-68GMJBezv9ONng8TskjYFrOnCjXzDSdES6q1C9hTJyA9hKViCqaRcDsq3J/w3OukZEq92o2pX2tRwhj+uFgc9g=="
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-4.5.1.tgz",
+      "integrity": "sha512-zqfkjpPKsdzzXePdE03IRw6xt7B6N3fcN/7NepyniuEWhKZLy7YpdZLegEwBmKeciXi7rIcv1O/hHJTdokUwXQ=="
    },
    "ip": {
      "version": "1.1.5",
@@ -5618,8 +5578,7 @@
      "version": "0.2.1",
      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
-      "dev": true,
-      "optional": true
+      "dev": true
    },
    "is-windows": {
      "version": "1.0.2",
@@ -5796,7 +5755,7 @@
        },
        "fast-deep-equal": {
          "version": "1.1.0",
-          "resolved": "http://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
          "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=",
          "dev": true
        },
@@ -5996,7 +5955,7 @@
    },
    "jsesc": {
      "version": "1.3.0",
-      "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
      "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
      "dev": true
    },
@@ -6032,7 +5991,7 @@
    },
    "json5": {
      "version": "0.5.1",
-      "resolved": "http://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
      "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
      "dev": true
    },
@@ -6069,13 +6028,13 @@
      "dependencies": {
        "core-js": {
          "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz",
          "integrity": "sha1-+rg/uwstjchfpjbEudNMdUIMbWU=",
          "dev": true
        },
        "es6-promise": {
          "version": "3.0.2",
-          "resolved": "http://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz",
+          "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz",
          "integrity": "sha1-AQ1YWEI6XxGJeWZfRkhqlcbuK7Y=",
          "dev": true
        },
@@ -6087,7 +6046,7 @@
        },
        "readable-stream": {
          "version": "2.0.6",
-          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz",
          "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=",
          "dev": true,
          "requires": {
@@ -6101,16 +6060,16 @@
        },
        "string_decoder": {
          "version": "0.10.31",
-          "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
          "dev": true
        }
      }
    },
    "karma": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-3.1.4.tgz",
-      "integrity": "sha512-31Vo8Qr5glN+dZEVIpnPCxEGleqE0EY6CtC2X9TagRV3rRQ3SNrvfhddICkJgUK3AgqpeKSZau03QumTGhGoSw==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/karma/-/karma-3.1.1.tgz",
+      "integrity": "sha512-NetT3wPCQMNB36uiL9LLyhrOt8SQwrEKt0xD3+KpTCfm0VxVyUJdPL5oTq2Ic5ouemgL/Iz4wqXEbF3zea9kQQ==",
      "dev": true,
      "requires": {
        "bluebird": "^3.3.0",
@@ -6123,12 +6082,11 @@
        "di": "^0.0.1",
        "dom-serialize": "^2.2.0",
        "expand-braces": "^0.1.1",
-        "flatted": "^2.0.0",
        "glob": "^7.1.1",
        "graceful-fs": "^4.1.2",
        "http-proxy": "^1.13.0",
        "isbinaryfile": "^3.0.0",
-        "lodash": "^4.17.5",
+        "lodash": "^4.17.4",
        "log4js": "^3.0.0",
        "mime": "^2.3.1",
        "minimatch": "^3.0.2",
@@ -6140,13 +6098,13 @@
        "socket.io": "2.1.1",
        "source-map": "^0.6.1",
        "tmp": "0.0.33",
-        "useragent": "2.3.0"
+        "useragent": "2.2.1"
      },
      "dependencies": {
        "mime": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.2.tgz",
-          "integrity": "sha512-zJBfZDkwRu+j3Pdd2aHsR5GfH2jIWhmL1ZzBoc+X+3JEti2hbArWcyJ+1laC1D2/U/W1a/+Cegj0/OnEU2ybjg==",
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.0.tgz",
+          "integrity": "sha512-ikBcWwyqXQSHKtciCcctu9YfPbFYZ4+gbHEmE0Q8jzcTYQg5dHCr3g2wwAZjPoJfQVXZq6KXAjpXOTf5/cjT7w==",
          "dev": true
        },
        "source-map": {
@@ -6290,10 +6248,9 @@
    },
    "load-json-file": {
      "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
      "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
      "dev": true,
-      "optional": true,
      "requires": {
        "graceful-fs": "^4.1.2",
        "parse-json": "^2.2.0",
@@ -6304,10 +6261,9 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
-          "dev": true,
-          "optional": true
+          "dev": true
        }
      }
    },
@@ -6576,8 +6532,7 @@
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
      "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
-      "dev": true,
-      "optional": true
+      "dev": true
    },
    "map-visit": {
      "version": "1.0.0",
@@ -6634,7 +6589,7 @@
    },
    "meow": {
      "version": "3.7.0",
-      "resolved": "http://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
      "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
      "dev": true,
      "optional": true,
@@ -6653,7 +6608,7 @@
      "dependencies": {
        "minimist": {
          "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
          "dev": true,
          "optional": true
@@ -6980,7 +6935,7 @@
      "dependencies": {
        "semver": {
          "version": "5.3.0",
-          "resolved": "http://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
          "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
          "dev": true,
          "optional": true
@@ -7072,7 +7027,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "optional": true,
@@ -7196,7 +7151,6 @@
      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
      "dev": true,
-      "optional": true,
      "requires": {
        "are-we-there-yet": "~1.1.2",
        "console-control-strings": "~1.1.0",
@@ -7413,7 +7367,7 @@
    },
    "os-locale": {
      "version": "1.4.0",
-      "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
+      "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
      "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=",
      "dev": true,
      "optional": true,
@@ -7451,7 +7405,7 @@
    },
    "p-is-promise": {
      "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
      "dev": true
    },
@@ -8030,7 +7984,7 @@
        },
        "chalk": {
          "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
          "dev": true,
          "requires": {
@@ -8058,7 +8012,7 @@
        },
        "globby": {
          "version": "5.0.0",
-          "resolved": "http://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
          "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
          "dev": true,
          "requires": {
@@ -8072,13 +8026,13 @@
        },
        "minimist": {
          "version": "1.2.0",
-          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
          "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
          "dev": true
        },
        "pify": {
          "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        },
@@ -8302,7 +8256,7 @@
      "dependencies": {
        "pify": {
          "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
          "dev": true
        }
@@ -8313,7 +8267,6 @@
      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
      "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
      "dev": true,
-      "optional": true,
      "requires": {
        "load-json-file": "^1.0.0",
        "normalize-package-data": "^2.3.2",
@@ -8325,7 +8278,6 @@
          "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
          "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
          "dev": true,
-          "optional": true,
          "requires": {
            "graceful-fs": "^4.1.2",
            "pify": "^2.0.0",
@@ -8334,10 +8286,9 @@
        },
        "pify": {
          "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
          "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
-          "dev": true,
-          "optional": true
+          "dev": true
        }
      }
    },
@@ -8346,7 +8297,6 @@
      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
      "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
      "dev": true,
-      "optional": true,
      "requires": {
        "find-up": "^1.0.0",
        "read-pkg": "^1.0.0"
@@ -8357,7 +8307,6 @@
          "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
          "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=",
          "dev": true,
-          "optional": true,
          "requires": {
            "path-exists": "^2.0.0",
            "pinkie-promise": "^2.0.0"
@@ -8368,7 +8317,6 @@
          "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
          "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=",
          "dev": true,
-          "optional": true,
          "requires": {
            "pinkie-promise": "^2.0.0"
          }
@@ -8730,7 +8678,7 @@
    },
    "sax": {
      "version": "0.5.8",
-      "resolved": "http://registry.npmjs.org/sax/-/sax-0.5.8.tgz",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-0.5.8.tgz",
      "integrity": "sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=",
      "dev": true
    },
@@ -8758,7 +8706,7 @@
      "dependencies": {
        "source-map": {
          "version": "0.4.4",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
          "dev": true,
          "optional": true,
@@ -8935,7 +8883,7 @@
    },
    "sha.js": {
      "version": "2.4.11",
-      "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
      "dev": true,
      "requires": {
@@ -9185,7 +9133,7 @@
    },
    "socket.io-parser": {
      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.2.0.tgz",
+      "resolved": "http://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.2.0.tgz",
      "integrity": "sha512-FYiBx7rc/KORMJlgsXysflWx/RIvtqZbyGLlHZvjfmPTPeuD/I8MaW7cfFrj5tRltICJdgwflhfZ3NVVbVLFQA==",
      "dev": true,
      "requires": {
@@ -9559,7 +9507,7 @@
    },
    "stream-browserify": {
      "version": "2.0.1",
-      "resolved": "http://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.1.tgz",
      "integrity": "sha1-ZiZu5fm9uZQKTkUUyvtDu3Hlyds=",
      "dev": true,
      "requires": {
@@ -9647,7 +9595,7 @@
    },
    "strip-ansi": {
      "version": "3.0.1",
-      "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
      "dev": true,
      "requires": {
@@ -9659,14 +9607,13 @@
      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
      "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
      "dev": true,
-      "optional": true,
      "requires": {
        "is-utf8": "^0.2.0"
      }
    },
    "strip-eof": {
      "version": "1.0.0",
-      "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
      "dev": true
    },
@@ -9720,7 +9667,7 @@
        },
        "source-map": {
          "version": "0.1.43",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
          "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
          "dev": true,
          "requires": {
@@ -9763,7 +9710,7 @@
    },
    "tar": {
      "version": "2.2.1",
-      "resolved": "http://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
      "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",
      "dev": true,
      "optional": true,
@@ -10396,13 +10343,21 @@
      "dev": true
    },
    "useragent": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.3.0.tgz",
-      "integrity": "sha512-4AoH4pxuSvHCjqLO04sU6U/uE65BYza8l/KKBS0b0hnUPWi+cQ2BpeTEwejCSx9SPV5/U03nniDTrWx5NrmKdw==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/useragent/-/useragent-2.2.1.tgz",
+      "integrity": "sha1-z1k+9PLRdYdei7ZY6pLhik/QbY4=",
      "dev": true,
      "requires": {
-        "lru-cache": "4.1.x",
+        "lru-cache": "2.2.x",
        "tmp": "0.0.x"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "2.2.4",
+          "resolved": "http://registry.npmjs.org/lru-cache/-/lru-cache-2.2.4.tgz",
+          "integrity": "sha1-bGWGGb7PFAMdDQtZSxYELOTcBj0=",
+          "dev": true
+        }
      }
    },
    "util": {
@@ -10575,7 +10530,7 @@
        },
        "source-map": {
          "version": "0.4.4",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
          "dev": true,
          "requires": {
@@ -10975,7 +10930,6 @@
      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
      "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
      "dev": true,
-      "optional": true,
      "requires": {
        "string-width": "^1.0.2 || 2"
      }
@@ -10997,7 +10951,7 @@
    },
    "wrap-ansi": {
      "version": "2.1.0",
-      "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
      "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
      "dev": true,
      "requires": {
@@ -11042,7 +10996,7 @@
    },
    "xmlbuilder": {
      "version": "9.0.7",
-      "resolved": "http://registry.npmjs.org/xmlbuilder/-/xmlbuilder-9.0.7.tgz",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-9.0.7.tgz",
      "integrity": "sha1-Ey7mPS7FVlxVfiD0wi35rKaGsQ0=",
      "dev": true
    },
--- a/angular/test/test-app/package.json
+++ b/angular/test/test-app/package.json
@@ -8,8 +8,8 @@
    "sync": "sh scripts/sync.sh",
    "build": "ng build --prod --no-progress",
    "test": "ng e2e --prod",
-    "test.dev": "npm run sync && ng e2e",
-    "lint": "ng lint"
+    "lint": "ng lint",
+    "postinstall": "npm run sync"
  },
  "private": true,
  "dependencies": {
@@ -21,7 +21,7 @@
    "@angular/platform-browser": "~7.2.1",
    "@angular/platform-browser-dynamic": "~7.2.1",
    "@angular/router": "~7.2.1",
-    "@ionic/angular": "^4.5.0",
+    "@ionic/angular": "^4.0.0-rc.1",
    "core-js": "^2.6.2",
    "rxjs": "~6.3.3",
    "tslib": "^1.9.0",
@@ -32,9 +32,9 @@
    "@angular/cli": "~7.2.1",
    "@angular/compiler-cli": "~7.2.1",
    "@angular/language-service": "~7.2.1",
+    "@types/node": "~8.9.4",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
--- a/angular/test/test-app/scripts/sync.sh
+++ b/angular/test/test-app/scripts/sync.sh
@@ -5,7 +5,6 @@ cp -a ../../package.json node_modules/@ionic/angular/package.json

 # Copy core dist
 rm -rf node_modules/@ionic/core/dist
-rm -rf node_modules/@ionic/core/loader
 cp -a ../../../core/dist node_modules/@ionic/core/dist
 cp -a ../../../core/loader node_modules/@ionic/core/loader
 cp -a ../../../core/package.json node_modules/@ionic/core/package.json
--- a/angular/test/test-app/src/app/alert/alert.component.html
+++ b/angular/test/test-app/src/app/alert/alert.component.html
@@ -1,10 +0,0 @@
-<ion-header>
-  <ion-toolbar>
-    <ion-title>
-      Modal test
-    </ion-title>
-  </ion-toolbar>
-</ion-header>
-<ion-content padding>
-  <ion-button (click)="openAlert()" id="action-button">Open Alert</ion-button>
-</ion-content>
--- a/angular/test/test-app/src/app/alert/alert.component.ts
+++ b/angular/test/test-app/src/app/alert/alert.component.ts
@@ -1,31 +0,0 @@
-import { Component, NgZone } from '@angular/core';
-import { AlertController } from '@ionic/angular';
-import { NavComponent } from '../nav/nav.component';
-
-@Component({
-  selector: 'app-alert',
-  templateUrl: './alert.component.html',
-})
-export class AlertComponent {
-
-  constructor(
-    private alertCtrl: AlertController
-  ) { }
-
-  async openAlert() {
-    const alert = await this.alertCtrl.create({
-      header: 'Hello',
-      message: 'Some text',
-      buttons: [
-        {
-          role: 'cancel',
-          text: 'Cancel',
-          handler: () => {
-            NgZone.assertInAngularZone();
-          }
-        }
-      ]
-    });
-    await alert.present();
-  }
-}
--- a/angular/test/test-app/src/app/app-routing.module.ts
+++ b/angular/test/test-app/src/app/app-routing.module.ts
@@ -4,8 +4,6 @@ import { InputsComponent } from './inputs/inputs.component';
 import { ModalComponent } from './modal/modal.component';
 import { RouterLinkComponent } from './router-link/router-link.component';
 import { RouterLinkPageComponent } from './router-link-page/router-link-page.component';
-import { RouterLinkPage2Component } from './router-link-page2/router-link-page2.component';
-import { RouterLinkPage3Component } from './router-link-page3/router-link-page3.component';
 import { HomePageComponent } from './home-page/home-page.component';
 import { TabsComponent } from './tabs/tabs.component';
 import { TabsTab1Component } from './tabs-tab1/tabs-tab1.component';
@@ -23,11 +21,9 @@ import { FormComponent } from './form/form.component';
 import { NavigationPage1Component } from './navigation-page1/navigation-page1.component';
 import { NavigationPage2Component } from './navigation-page2/navigation-page2.component';
 import { NavigationPage3Component } from './navigation-page3/navigation-page3.component';
-import { AlertComponent } from './alert/alert.component';

 const routes: Routes = [
  { path: '', component: HomePageComponent },
-  { path: 'alerts', component: AlertComponent },
  { path: 'inputs', component: InputsComponent },
  { path: 'form', component: FormComponent },
  { path: 'modals', component: ModalComponent },
@@ -35,8 +31,6 @@ const routes: Routes = [
  { path: 'providers', component: ProvidersComponent },
  { path: 'router-link', component: RouterLinkComponent },
  { path: 'router-link-page', component: RouterLinkPageComponent },
-  { path: 'router-link-page2/:id', component: RouterLinkPage2Component },
-  { path: 'router-link-page3', component: RouterLinkPage3Component },
  { path: 'slides', component: SlidesComponent },
  { path: 'virtual-scroll', component: VirtualScrollComponent },
  { path: 'virtual-scroll-detail/:itemId', component: VirtualScrollDetailComponent },
--- a/angular/test/test-app/src/app/app.module.ts
+++ b/angular/test/test-app/src/app/app.module.ts
@@ -11,8 +11,6 @@ import { ModalComponent } from './modal/modal.component';
 import { ModalExampleComponent } from './modal-example/modal-example.component';
 import { RouterLinkComponent } from './router-link/router-link.component';
 import { RouterLinkPageComponent } from './router-link-page/router-link-page.component';
-import { RouterLinkPage2Component } from './router-link-page2/router-link-page2.component';
-import { RouterLinkPage3Component } from './router-link-page3/router-link-page3.component';
 import { HomePageComponent } from './home-page/home-page.component';
 import { TabsComponent } from './tabs/tabs.component';
 import { TabsTab1Component } from './tabs-tab1/tabs-tab1.component';
@@ -32,7 +30,6 @@ import { FormComponent } from './form/form.component';
 import { NavigationPage1Component } from './navigation-page1/navigation-page1.component';
 import { NavigationPage2Component } from './navigation-page2/navigation-page2.component';
 import { NavigationPage3Component } from './navigation-page3/navigation-page3.component';
-import { AlertComponent } from './alert/alert.component';

@NgModule({
  declarations: [
@@ -42,8 +39,6 @@ import { AlertComponent } from './alert/alert.component';
    ModalExampleComponent,
    RouterLinkComponent,
    RouterLinkPageComponent,
-    RouterLinkPage2Component,
-    RouterLinkPage3Component,
    HomePageComponent,
    TabsComponent,
    TabsTab1Component,
@@ -62,8 +57,7 @@ import { AlertComponent } from './alert/alert.component';
    FormComponent,
    NavigationPage1Component,
    NavigationPage2Component,
-    NavigationPage3Component,
-    AlertComponent
+    NavigationPage3Component
  ],
  imports: [
    BrowserModule,
--- a/angular/test/test-app/src/app/home-page/home-page.component.html
+++ b/angular/test/test-app/src/app/home-page/home-page.component.html
@@ -7,11 +7,6 @@
  </ion-header>
  <ion-content>
    <ion-list>
-      <ion-item routerLink="/alerts">
-        <ion-label>
-          Alerts test
-        </ion-label>
-      </ion-item>
      <ion-item routerLink="/inputs">
        <ion-label>
          Inputs test
--- a/angular/test/test-app/src/app/inputs/inputs.component.html
+++ b/angular/test/test-app/src/app/inputs/inputs.component.html
@@ -6,7 +6,6 @@
  </ion-toolbar>
 </ion-header>
 <ion-content>
-  <p>Change Detections: <span id="counter">{{counter()}}</span></p>
  <ion-list>

    <ion-item>
@@ -90,7 +89,7 @@
      <ion-range [(ngModel)]="range"></ion-range>
      <ion-note slot="end" id="range-note">{{range}}</ion-note>
    </ion-item>
-
+    
    <ion-item color="dark">
      <ion-label>Range Mirror</ion-label>
      <ion-range [(ngModel)]="range"></ion-range>
--- a/angular/test/test-app/src/app/inputs/inputs.component.ts
+++ b/angular/test/test-app/src/app/inputs/inputs.component.ts
@@ -12,7 +12,6 @@ export class InputsComponent {
  toggle = true;
  select = 'nes';
  range = 10;
-  changes = 0;

  setValues() {
    console.log('set values');
@@ -33,8 +32,4 @@ export class InputsComponent {
    this.select = undefined;
    this.range = undefined;
  }
-  counter() {
-    this.changes++;
-    return Math.floor(this.changes / 2);
-  }
 }
--- a/angular/test/test-app/src/app/nested-outlet/nested-outlet.component.html
+++ b/angular/test/test-app/src/app/nested-outlet/nested-outlet.component.html
@@ -1,8 +1,5 @@
 <ion-header>
  <ion-toolbar>
-    <ion-buttons slot="start">
-      <ion-back-button></ion-back-button>
-    </ion-buttons>
    <ion-title>
      NESTED OUTLET
    </ion-title>
--- a/angular/test/test-app/src/app/providers/providers.component.ts
+++ b/angular/test/test-app/src/app/providers/providers.component.ts
@@ -1,8 +1,8 @@
 import { Component } from '@angular/core';
 import {
-  Platform, ModalController, AlertController, ActionSheetController,
-  PopoverController, ToastController, Events, PickerController, MenuController,
-  LoadingController, NavController, DomController, Config
+  Platform, Config, ModalController, AlertController, ActionSheetController,
+  PopoverController, ToastController,  Events, PickerController, MenuController,
+  LoadingController, NavController, DomController
 } from '@ionic/angular';

@Component({
--- a/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.html
+++ b/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.html
@@ -1,12 +0,0 @@
-<ion-header>
-  <ion-toolbar>
-    <ion-buttons slot="start">
-      <ion-back-button></ion-back-button>
-    </ion-buttons>
-    <ion-title>Router Page 2</ion-title>
-  </ion-toolbar>
-</ion-header>
-
-<ion-content padding>
-  <ion-button routerLink="/router-link-page3" id="goToPage3">Go to Page 3</ion-button>
-</ion-content>
--- a/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.ts
+++ b/angular/test/test-app/src/app/router-link-page2/router-link-page2.component.ts
@@ -1,14 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-router-link-page2',
-  templateUrl: './router-link-page2.component.html'
-})
-export class RouterLinkPage2Component implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
--- a/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.html
+++ b/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.html
@@ -1,12 +0,0 @@
-<ion-header>
-  <ion-toolbar color="dark">
-    <ion-buttons slot="start">
-      <ion-back-button defaultHref="/?token=ABC#fragment" id="goBackFromPage3"></ion-back-button>
-    </ion-buttons>
-    <ion-title>Router Page 3</ion-title>
-  </ion-toolbar>
-</ion-header>
-
-<ion-content padding>
-  Page 3
-</ion-content>
--- a/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.ts
+++ b/angular/test/test-app/src/app/router-link-page3/router-link-page3.component.ts
@@ -1,14 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-router-link-page3',
-  templateUrl: './router-link-page3.component.html'
-})
-export class RouterLinkPage3Component implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}
--- a/angular/test/test-app/src/app/router-link/router-link.component.html
+++ b/angular/test/test-app/src/app/router-link/router-link.component.html
@@ -11,7 +11,6 @@
  <p>ionViewDidEnter: <span id="ionViewDidEnter">{{didEnter}}</span></p>
  <p>ionViewWillLeave: <span id="ionViewWillLeave">{{willLeave}}</span></p>
  <p>ionViewDidLeave: <span id="ionViewDidLeave">{{didLeave}}</span></p>
-  <p>Change Detections: <span id="counter">{{counter()}}</span></p>

  <p>
    <ion-button routerLink="/router-link-page" expand="block" color="dark" id="routerLink">ion-button[routerLink]</ion-button>
@@ -28,6 +27,4 @@
  <p><button (click)="navigateRoot()" id="button-root">navigateForward</button></p>
  <p><button (click)="navigateBack()" id="button-back">navigateBack</button></p>

-  <p><button id="queryParamsFragment" routerLink="/router-link-page2/MyPageID==" [queryParams]="{ token: 'A&=#Y' }" fragment="myDiv1">Query Params and Fragment</button></p>
-
 </ion-content>
--- a/angular/test/test-app/src/app/router-link/router-link.component.ts
+++ b/angular/test/test-app/src/app/router-link/router-link.component.ts
@@ -13,7 +13,6 @@ export class RouterLinkComponent implements OnInit {
  didEnter = 0;
  willLeave = 0;
  didLeave = 0;
-  changes = 0;

  constructor(
    private navCtrl: NavController,
@@ -36,11 +35,6 @@ export class RouterLinkComponent implements OnInit {
    this.navCtrl.navigateRoot('/router-link-page');
  }

-  counter() {
-    this.changes++;
-    return Math.floor(this.changes / 2);
-  }
-
  ngOnInit() {
    NgZone.assertInAngularZone();
    this.onInit++;
--- a/angular/test/test-app/src/app/tabs-tab2/tabs-tab2.component.html
+++ b/angular/test/test-app/src/app/tabs-tab2/tabs-tab2.component.html
@@ -9,6 +9,5 @@
  <p>
    <ion-button routerLink="/tabs/account" id="goto-tab1-page1">Go to Tab 1 - Page 1</ion-button>
    <ion-button routerLink="/tabs/account/nested/12" id="goto-tab1-page2">Go to Tab 1 - Page 2</ion-button>
-    <ion-button routerLink="/nested-outlet/page" id="goto-nested-page1">Go to nested</ion-button>
  </p>
 </ion-content>
--- a/core/.stylelintrc.yml
+++ b/core/.stylelintrc.yml
@@ -7,7 +7,6 @@ ignoreFiles:
  - src/css/flex-utils.scss
  - src/css/normalize.scss
  - src/css/text-alignment.scss
-  - src/css/display.scss
  - src/components/slides/slides-vendor.scss
  - src/themes/ionic.mixins.scss
  - src/themes/ionic.functions.color.scss
@@ -273,4 +272,4 @@ rules:
    - transform-origin

  string-quotes:
-    - double
+    - double
--- a/core/README.md
+++ b/core/README.md
@@ -23,9 +23,8 @@ The Ionic Core package contains the Web Components that make up the reusable UI
 Easiest way to start using Ionic Core is by adding a script tag to the CDN:

 ```html
-<script type="module" src="https://unpkg.com/@ionic/core@4.6.2/dist/ionic/ionic.esm.js"></script>
-<script nomodule src="https://unpkg.com/@ionic/core@4.6.2/dist/ionic/ionic.js"></script>
-<link href="https://unpkg.com/@ionic/core@4.6.2/css/ionic.bundle.css" rel="stylesheet">
+<link href="https://unpkg.com/@ionic/core@4.0.2/css/ionic.bundle.css" rel="stylesheet">
+<script src="https://unpkg.com/@ionic/core@4.0.2/dist/ionic.js"></script>
 ```

 Any Ionic component added to the webpage will automatically load. This includes writing the component tag directly in HTML, or using JavaScript such as `document.createElement('ion-toggle')`.
--- a/core/api.txt
+++ b/core/api.txt
@@ -1,8 +1,13 @@

+ion-action-sheet-controller,none
+ion-action-sheet-controller,method,create,create(opts: ActionSheetOptions) => Promise<HTMLIonActionSheetElement>
+ion-action-sheet-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-action-sheet-controller,method,getTop,getTop() => Promise<HTMLIonActionSheetElement | undefined>
+
 ion-action-sheet,scoped
 ion-action-sheet,prop,animated,boolean,true,false,false
 ion-action-sheet,prop,backdropDismiss,boolean,true,false,false
-ion-action-sheet,prop,buttons,(string | ActionSheetButton)[],[],false,false
+ion-action-sheet,prop,buttons,(string | ActionSheetButton)[],undefined,true,false
 ion-action-sheet,prop,cssClass,string | string[] | undefined,undefined,false,false
 ion-action-sheet,prop,enterAnimation,((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) | undefined,undefined,false,false
 ion-action-sheet,prop,header,string | undefined,undefined,false,false
@@ -15,9 +20,9 @@ ion-action-sheet,method,dismiss,dismiss(data?: any, role?: string | undefined) =
 ion-action-sheet,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-action-sheet,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-action-sheet,method,present,present() => Promise<void>
-ion-action-sheet,event,ionActionSheetDidDismiss,OverlayEventDetail<any>,true
+ion-action-sheet,event,ionActionSheetDidDismiss,OverlayEventDetail,true
 ion-action-sheet,event,ionActionSheetDidPresent,void,true
-ion-action-sheet,event,ionActionSheetWillDismiss,OverlayEventDetail<any>,true
+ion-action-sheet,event,ionActionSheetWillDismiss,OverlayEventDetail,true
 ion-action-sheet,event,ionActionSheetWillPresent,void,true
 ion-action-sheet,css-prop,--background
 ion-action-sheet,css-prop,--background-activated
@@ -30,10 +35,10 @@ ion-action-sheet,css-prop,--min-height
 ion-action-sheet,css-prop,--min-width
 ion-action-sheet,css-prop,--width

-ion-action-sheet-controller,none
-ion-action-sheet-controller,method,create,create(options: ActionSheetOptions) => Promise<HTMLIonActionSheetElement>
-ion-action-sheet-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-action-sheet-controller,method,getTop,getTop() => Promise<HTMLIonActionSheetElement | undefined>
+ion-alert-controller,none
+ion-alert-controller,method,create,create(opts: AlertOptions) => Promise<HTMLIonAlertElement>
+ion-alert-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-alert-controller,method,getTop,getTop() => Promise<HTMLIonAlertElement | undefined>

 ion-alert,scoped
 ion-alert,prop,animated,boolean,true,false,false
@@ -53,9 +58,9 @@ ion-alert,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promi
 ion-alert,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-alert,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-alert,method,present,present() => Promise<void>
-ion-alert,event,ionAlertDidDismiss,OverlayEventDetail<any>,true
+ion-alert,event,ionAlertDidDismiss,OverlayEventDetail,true
 ion-alert,event,ionAlertDidPresent,void,true
-ion-alert,event,ionAlertWillDismiss,OverlayEventDetail<any>,true
+ion-alert,event,ionAlertWillDismiss,OverlayEventDetail,true
 ion-alert,event,ionAlertWillPresent,void,true
 ion-alert,css-prop,--background
 ion-alert,css-prop,--height
@@ -65,15 +70,9 @@ ion-alert,css-prop,--min-height
 ion-alert,css-prop,--min-width
 ion-alert,css-prop,--width

-ion-alert-controller,none
-ion-alert-controller,method,create,create(options: AlertOptions) => Promise<HTMLIonAlertElement>
-ion-alert-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-alert-controller,method,getTop,getTop() => Promise<HTMLIonAlertElement | undefined>
-
 ion-anchor,shadow
 ion-anchor,prop,color,string | undefined,undefined,false,false
 ion-anchor,prop,href,string | undefined,undefined,false,false
-ion-anchor,prop,rel,string | undefined,undefined,false,false
 ion-anchor,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
 ion-anchor,css-prop,--background
 ion-anchor,css-prop,--color
@@ -86,18 +85,12 @@ ion-avatar,css-prop,--border-radius
 ion-back-button,scoped
 ion-back-button,prop,color,string | undefined,undefined,false,false
 ion-back-button,prop,defaultHref,string | undefined,undefined,false,false
-ion-back-button,prop,disabled,boolean,false,false,true
 ion-back-button,prop,icon,null | string | undefined,undefined,false,false
 ion-back-button,prop,mode,"ios" | "md",undefined,false,false
 ion-back-button,prop,text,null | string | undefined,undefined,false,false
-ion-back-button,prop,type,"button" | "reset" | "submit",'button',false,false
 ion-back-button,css-prop,--background
-ion-back-button,css-prop,--background-focused
-ion-back-button,css-prop,--background-hover
 ion-back-button,css-prop,--border-radius
 ion-back-button,css-prop,--color
-ion-back-button,css-prop,--color-focused
-ion-back-button,css-prop,--color-hover
 ion-back-button,css-prop,--icon-font-size
 ion-back-button,css-prop,--icon-font-weight
 ion-back-button,css-prop,--icon-margin-bottom
@@ -142,24 +135,20 @@ ion-button,shadow
 ion-button,prop,buttonType,string,'button',false,false
 ion-button,prop,color,string | undefined,undefined,false,false
 ion-button,prop,disabled,boolean,false,false,true
-ion-button,prop,download,string | undefined,undefined,false,false
 ion-button,prop,expand,"block" | "full" | undefined,undefined,false,true
 ion-button,prop,fill,"clear" | "default" | "outline" | "solid" | undefined,undefined,false,true
 ion-button,prop,href,string | undefined,undefined,false,false
 ion-button,prop,mode,"ios" | "md",undefined,false,false
-ion-button,prop,rel,string | undefined,undefined,false,false
 ion-button,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
 ion-button,prop,shape,"round" | undefined,undefined,false,true
 ion-button,prop,size,"default" | "large" | "small" | undefined,undefined,false,true
 ion-button,prop,strong,boolean,false,false,false
-ion-button,prop,target,string | undefined,undefined,false,false
 ion-button,prop,type,"button" | "reset" | "submit",'button',false,false
 ion-button,event,ionBlur,void,true
 ion-button,event,ionFocus,void,true
 ion-button,css-prop,--background
 ion-button,css-prop,--background-activated
 ion-button,css-prop,--background-focused
-ion-button,css-prop,--background-hover
 ion-button,css-prop,--border-color
 ion-button,css-prop,--border-radius
 ion-button,css-prop,--border-style
@@ -168,7 +157,6 @@ ion-button,css-prop,--box-shadow
 ion-button,css-prop,--color
 ion-button,css-prop,--color-activated
 ion-button,css-prop,--color-focused
-ion-button,css-prop,--color-hover
 ion-button,css-prop,--opacity
 ion-button,css-prop,--padding-bottom
 ion-button,css-prop,--padding-end
@@ -179,20 +167,6 @@ ion-button,css-prop,--transition

 ion-buttons,scoped

-ion-card,scoped
-ion-card,prop,button,boolean,false,false,false
-ion-card,prop,color,string | undefined,undefined,false,false
-ion-card,prop,disabled,boolean,false,false,false
-ion-card,prop,download,string | undefined,undefined,false,false
-ion-card,prop,href,string | undefined,undefined,false,false
-ion-card,prop,mode,"ios" | "md",undefined,false,false
-ion-card,prop,rel,string | undefined,undefined,false,false
-ion-card,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
-ion-card,prop,target,string | undefined,undefined,false,false
-ion-card,prop,type,"button" | "reset" | "submit",'button',false,false
-ion-card,css-prop,--background
-ion-card,css-prop,--color
-
 ion-card-content,none
 ion-card-content,prop,mode,"ios" | "md",undefined,false,false

@@ -211,11 +185,16 @@ ion-card-title,prop,color,string | undefined,undefined,false,false
 ion-card-title,prop,mode,"ios" | "md",undefined,false,false
 ion-card-title,css-prop,--color

+ion-card,scoped
+ion-card,prop,color,string | undefined,undefined,false,false
+ion-card,prop,mode,"ios" | "md",undefined,false,false
+ion-card,css-prop,--background
+ion-card,css-prop,--color
+
 ion-checkbox,shadow
 ion-checkbox,prop,checked,boolean,false,false,false
 ion-checkbox,prop,color,string | undefined,undefined,false,false
 ion-checkbox,prop,disabled,boolean,false,false,false
-ion-checkbox,prop,indeterminate,boolean,false,false,false
 ion-checkbox,prop,mode,"ios" | "md",undefined,false,false
 ion-checkbox,prop,name,string,this.inputId,false,false
 ion-checkbox,prop,value,string,'on',false,false
@@ -332,25 +311,15 @@ ion-datetime,css-prop,--padding-start
 ion-datetime,css-prop,--padding-top
 ion-datetime,css-prop,--placeholder-color

-ion-fab,shadow
-ion-fab,prop,activated,boolean,false,false,false
-ion-fab,prop,edge,boolean,false,false,false
-ion-fab,prop,horizontal,"center" | "end" | "start" | undefined,undefined,false,false
-ion-fab,prop,vertical,"bottom" | "center" | "top" | undefined,undefined,false,false
-ion-fab,method,close,close() => Promise<void>
-
 ion-fab-button,shadow
 ion-fab-button,prop,activated,boolean,false,false,false
 ion-fab-button,prop,color,string | undefined,undefined,false,false
 ion-fab-button,prop,disabled,boolean,false,false,false
-ion-fab-button,prop,download,string | undefined,undefined,false,false
 ion-fab-button,prop,href,string | undefined,undefined,false,false
 ion-fab-button,prop,mode,"ios" | "md",undefined,false,false
-ion-fab-button,prop,rel,string | undefined,undefined,false,false
 ion-fab-button,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
 ion-fab-button,prop,show,boolean,false,false,false
 ion-fab-button,prop,size,"small" | undefined,undefined,false,false
-ion-fab-button,prop,target,string | undefined,undefined,false,false
 ion-fab-button,prop,translucent,boolean,false,false,false
 ion-fab-button,prop,type,"button" | "reset" | "submit",'button',false,false
 ion-fab-button,event,ionBlur,void,true
@@ -358,7 +327,6 @@ ion-fab-button,event,ionFocus,void,true
 ion-fab-button,css-prop,--background
 ion-fab-button,css-prop,--background-activated
 ion-fab-button,css-prop,--background-focused
-ion-fab-button,css-prop,--background-hover
 ion-fab-button,css-prop,--border-color
 ion-fab-button,css-prop,--border-radius
 ion-fab-button,css-prop,--border-style
@@ -367,7 +335,6 @@ ion-fab-button,css-prop,--box-shadow
 ion-fab-button,css-prop,--color
 ion-fab-button,css-prop,--color-activated
 ion-fab-button,css-prop,--color-focused
-ion-fab-button,css-prop,--color-hover
 ion-fab-button,css-prop,--padding-bottom
 ion-fab-button,css-prop,--padding-end
 ion-fab-button,css-prop,--padding-start
@@ -379,6 +346,13 @@ ion-fab-list,shadow
 ion-fab-list,prop,activated,boolean,false,false,false
 ion-fab-list,prop,side,"bottom" | "end" | "start" | "top",'bottom',false,false

+ion-fab,shadow
+ion-fab,prop,activated,boolean,false,false,false
+ion-fab,prop,edge,boolean,false,false,false
+ion-fab,prop,horizontal,"center" | "end" | "start" | undefined,undefined,false,false
+ion-fab,prop,vertical,"bottom" | "center" | "top" | undefined,undefined,false,false
+ion-fab,method,close,close() => void
+
 ion-footer,none
 ion-footer,prop,mode,"ios" | "md",undefined,false,false
 ion-footer,prop,translucent,boolean,false,false,false
@@ -405,21 +379,19 @@ ion-header,prop,translucent,boolean,false,false,false
 ion-img,shadow
 ion-img,prop,alt,string | undefined,undefined,false,false
 ion-img,prop,src,string | undefined,undefined,false,false
-ion-img,event,ionError,void,true
 ion-img,event,ionImgDidLoad,void,true
-ion-img,event,ionImgWillLoad,void,true
+
+ion-infinite-scroll-content,none
+ion-infinite-scroll-content,prop,loadingSpinner,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined,undefined,false,false
+ion-infinite-scroll-content,prop,loadingText,string | undefined,undefined,false,false

 ion-infinite-scroll,none
 ion-infinite-scroll,prop,disabled,boolean,false,false,false
 ion-infinite-scroll,prop,position,"bottom" | "top",'bottom',false,false
 ion-infinite-scroll,prop,threshold,string,'15%',false,false
-ion-infinite-scroll,method,complete,complete() => Promise<void>
+ion-infinite-scroll,method,complete,complete() => void
 ion-infinite-scroll,event,ionInfinite,void,true

-ion-infinite-scroll-content,none
-ion-infinite-scroll-content,prop,loadingSpinner,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined,undefined,false,false
-ion-infinite-scroll-content,prop,loadingText,string | undefined,undefined,false,false
-
 ion-input,scoped
 ion-input,prop,accept,string | undefined,undefined,false,false
 ion-input,prop,autocapitalize,string,'off',false,false
@@ -449,7 +421,7 @@ ion-input,prop,step,string | undefined,undefined,false,false
 ion-input,prop,type,"date" | "email" | "number" | "password" | "search" | "tel" | "text" | "time" | "url",'text',false,false
 ion-input,prop,value,null | string | undefined,'',false,false
 ion-input,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
-ion-input,method,setFocus,setFocus() => Promise<void>
+ion-input,method,setFocus,setFocus() => void
 ion-input,event,ionBlur,void,true
 ion-input,event,ionChange,InputChangeEventDetail,true
 ion-input,event,ionFocus,void,true
@@ -465,33 +437,59 @@ ion-input,css-prop,--placeholder-font-style
 ion-input,css-prop,--placeholder-font-weight
 ion-input,css-prop,--placeholder-opacity

+ion-item-divider,shadow
+ion-item-divider,prop,color,string | undefined,undefined,false,false
+ion-item-divider,prop,mode,"ios" | "md",undefined,false,false
+ion-item-divider,prop,sticky,boolean,false,false,false
+ion-item-divider,css-prop,--background
+ion-item-divider,css-prop,--color
+ion-item-divider,css-prop,--padding-bottom
+ion-item-divider,css-prop,--padding-end
+ion-item-divider,css-prop,--padding-start
+ion-item-divider,css-prop,--padding-top
+
+ion-item-group,none
+
+ion-item-option,shadow
+ion-item-option,prop,color,string | undefined,undefined,false,false
+ion-item-option,prop,disabled,boolean,false,false,false
+ion-item-option,prop,expandable,boolean,false,false,false
+ion-item-option,prop,href,string | undefined,undefined,false,false
+ion-item-option,prop,mode,"ios" | "md",undefined,false,false
+ion-item-option,css-prop,--background
+ion-item-option,css-prop,--color
+
+ion-item-options,none
+ion-item-options,prop,side,"end" | "start",'end',false,false
+ion-item-options,event,ionSwipe,any,true
+
+ion-item-sliding,none
+ion-item-sliding,prop,disabled,boolean,false,false,false
+ion-item-sliding,method,close,close() => Promise<void>
+ion-item-sliding,method,closeOpened,closeOpened() => Promise<boolean>
+ion-item-sliding,method,getOpenAmount,getOpenAmount() => Promise<number>
+ion-item-sliding,method,getSlidingRatio,getSlidingRatio() => Promise<number>
+ion-item-sliding,event,ionDrag,void,true
+
 ion-item,shadow
 ion-item,prop,button,boolean,false,false,false
 ion-item,prop,color,string | undefined,undefined,false,false
 ion-item,prop,detail,boolean | undefined,undefined,false,false
 ion-item,prop,detailIcon,string,'ios-arrow-forward',false,false
 ion-item,prop,disabled,boolean,false,false,false
-ion-item,prop,download,string | undefined,undefined,false,false
 ion-item,prop,href,string | undefined,undefined,false,false
 ion-item,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false
 ion-item,prop,mode,"ios" | "md",undefined,false,false
-ion-item,prop,rel,string | undefined,undefined,false,false
 ion-item,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
-ion-item,prop,target,string | undefined,undefined,false,false
 ion-item,prop,type,"button" | "reset" | "submit",'button',false,false
 ion-item,css-prop,--background
 ion-item,css-prop,--background-activated
-ion-item,css-prop,--background-focused
-ion-item,css-prop,--background-hover
 ion-item,css-prop,--border-color
 ion-item,css-prop,--border-radius
 ion-item,css-prop,--border-style
 ion-item,css-prop,--border-width
 ion-item,css-prop,--box-shadow
 ion-item,css-prop,--color
-ion-item,css-prop,--color-activated
-ion-item,css-prop,--color-focused
-ion-item,css-prop,--color-hover
 ion-item,css-prop,--detail-icon-color
 ion-item,css-prop,--detail-icon-font-size
 ion-item,css-prop,--detail-icon-opacity
@@ -510,69 +508,30 @@ ion-item,css-prop,--padding-bottom
 ion-item,css-prop,--padding-end
 ion-item,css-prop,--padding-start
 ion-item,css-prop,--padding-top
-ion-item,css-prop,--ripple-color
 ion-item,css-prop,--transition

-ion-item-divider,shadow
-ion-item-divider,prop,color,string | undefined,undefined,false,false
-ion-item-divider,prop,mode,"ios" | "md",undefined,false,false
-ion-item-divider,prop,sticky,boolean,false,false,false
-ion-item-divider,css-prop,--background
-ion-item-divider,css-prop,--color
-ion-item-divider,css-prop,--inner-padding-bottom
-ion-item-divider,css-prop,--inner-padding-end
-ion-item-divider,css-prop,--inner-padding-start
-ion-item-divider,css-prop,--inner-padding-top
-ion-item-divider,css-prop,--padding-bottom
-ion-item-divider,css-prop,--padding-end
-ion-item-divider,css-prop,--padding-start
-ion-item-divider,css-prop,--padding-top
-
-ion-item-group,none
-
-ion-item-option,shadow
-ion-item-option,prop,color,string | undefined,undefined,false,false
-ion-item-option,prop,disabled,boolean,false,false,false
-ion-item-option,prop,download,string | undefined,undefined,false,false
-ion-item-option,prop,expandable,boolean,false,false,false
-ion-item-option,prop,href,string | undefined,undefined,false,false
-ion-item-option,prop,mode,"ios" | "md",undefined,false,false
-ion-item-option,prop,rel,string | undefined,undefined,false,false
-ion-item-option,prop,target,string | undefined,undefined,false,false
-ion-item-option,prop,type,"button" | "reset" | "submit",'button',false,false
-ion-item-option,css-prop,--background
-ion-item-option,css-prop,--color
-
-ion-item-options,none
-ion-item-options,prop,side,"end" | "start",'end',false,false
-ion-item-options,event,ionSwipe,any,true
-
-ion-item-sliding,none
-ion-item-sliding,prop,disabled,boolean,false,false,false
-ion-item-sliding,method,close,close() => Promise<void>
-ion-item-sliding,method,closeOpened,closeOpened() => Promise<boolean>
-ion-item-sliding,method,getOpenAmount,getOpenAmount() => Promise<number>
-ion-item-sliding,method,getSlidingRatio,getSlidingRatio() => Promise<number>
-ion-item-sliding,method,open,open(side: "start" | "end" | undefined) => Promise<void>
-ion-item-sliding,event,ionDrag,any,true
-
 ion-label,scoped
 ion-label,prop,color,string | undefined,undefined,false,false
 ion-label,prop,mode,"ios" | "md",undefined,false,false
 ion-label,prop,position,"fixed" | "floating" | "stacked" | undefined,undefined,false,false
 ion-label,css-prop,--color

+ion-list-header,shadow
+ion-list-header,prop,color,string | undefined,undefined,false,false
+ion-list-header,prop,mode,"ios" | "md",undefined,false,false
+ion-list-header,css-prop,--background
+ion-list-header,css-prop,--color
+
 ion-list,none
 ion-list,prop,inset,boolean,false,false,false
 ion-list,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false
 ion-list,prop,mode,"ios" | "md",undefined,false,false
 ion-list,method,closeSlidingItems,closeSlidingItems() => Promise<boolean>

-ion-list-header,shadow
-ion-list-header,prop,color,string | undefined,undefined,false,false
-ion-list-header,prop,mode,"ios" | "md",undefined,false,false
-ion-list-header,css-prop,--background
-ion-list-header,css-prop,--color
+ion-loading-controller,none
+ion-loading-controller,method,create,create(opts?: LoadingOptions | undefined) => Promise<HTMLIonLoadingElement>
+ion-loading-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-loading-controller,method,getTop,getTop() => Promise<HTMLIonLoadingElement | undefined>

 ion-loading,scoped
 ion-loading,prop,animated,boolean,true,false,false
@@ -591,9 +550,9 @@ ion-loading,method,dismiss,dismiss(data?: any, role?: string | undefined) => Pro
 ion-loading,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-loading,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-loading,method,present,present() => Promise<void>
-ion-loading,event,ionLoadingDidDismiss,OverlayEventDetail<any>,true
+ion-loading,event,ionLoadingDidDismiss,OverlayEventDetail,true
 ion-loading,event,ionLoadingDidPresent,void,true
-ion-loading,event,ionLoadingWillDismiss,OverlayEventDetail<any>,true
+ion-loading,event,ionLoadingWillDismiss,OverlayEventDetail,true
 ion-loading,event,ionLoadingWillPresent,void,true
 ion-loading,css-prop,--background
 ion-loading,css-prop,--height
@@ -604,10 +563,30 @@ ion-loading,css-prop,--min-width
 ion-loading,css-prop,--spinner-color
 ion-loading,css-prop,--width

-ion-loading-controller,none
-ion-loading-controller,method,create,create(options?: LoadingOptions | undefined) => Promise<HTMLIonLoadingElement>
-ion-loading-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-loading-controller,method,getTop,getTop() => Promise<HTMLIonLoadingElement | undefined>
+ion-menu-button,shadow
+ion-menu-button,prop,autoHide,boolean,true,false,false
+ion-menu-button,prop,color,string | undefined,undefined,false,false
+ion-menu-button,prop,menu,string | undefined,undefined,false,false
+ion-menu-button,prop,mode,"ios" | "md",undefined,false,false
+ion-menu-button,css-prop,--color
+
+ion-menu-controller,none
+ion-menu-controller,method,close,close(menuId?: string | null | undefined) => Promise<boolean>
+ion-menu-controller,method,enable,enable(shouldEnable: boolean, menuId?: string | null | undefined) => Promise<HTMLIonMenuElement | undefined>
+ion-menu-controller,method,get,get(menuId?: string | null | undefined) => Promise<HTMLIonMenuElement | undefined>
+ion-menu-controller,method,getMenus,getMenus() => Promise<HTMLIonMenuElement[]>
+ion-menu-controller,method,getOpen,getOpen() => Promise<HTMLIonMenuElement | undefined>
+ion-menu-controller,method,isAnimating,isAnimating() => Promise<boolean>
+ion-menu-controller,method,isEnabled,isEnabled(menuId?: string | null | undefined) => Promise<boolean>
+ion-menu-controller,method,isOpen,isOpen(menuId?: string | null | undefined) => Promise<boolean>
+ion-menu-controller,method,open,open(menuId?: string | null | undefined) => Promise<boolean>
+ion-menu-controller,method,registerAnimation,registerAnimation(name: string, animation: AnimationBuilder) => void
+ion-menu-controller,method,swipeGesture,swipeGesture(shouldEnable: boolean, menuId?: string | null | undefined) => Promise<HTMLIonMenuElement | undefined>
+ion-menu-controller,method,toggle,toggle(menuId?: string | null | undefined) => Promise<boolean>
+
+ion-menu-toggle,shadow
+ion-menu-toggle,prop,autoHide,boolean,true,false,false
+ion-menu-toggle,prop,menu,string | undefined,undefined,false,false

 ion-menu,shadow
 ion-menu,prop,contentId,string | undefined,undefined,false,false
@@ -635,41 +614,10 @@ ion-menu,css-prop,--min-height
 ion-menu,css-prop,--min-width
 ion-menu,css-prop,--width

-ion-menu-button,shadow
-ion-menu-button,prop,autoHide,boolean,true,false,false
-ion-menu-button,prop,color,string | undefined,undefined,false,false
-ion-menu-button,prop,disabled,boolean,false,false,false
-ion-menu-button,prop,menu,string | undefined,undefined,false,false
-ion-menu-button,prop,type,"button" | "reset" | "submit",'button',false,false
-ion-menu-button,css-prop,--background
-ion-menu-button,css-prop,--background-focused
-ion-menu-button,css-prop,--background-hover
-ion-menu-button,css-prop,--border-radius
-ion-menu-button,css-prop,--color
-ion-menu-button,css-prop,--color-focused
-ion-menu-button,css-prop,--color-hover
-ion-menu-button,css-prop,--padding-bottom
-ion-menu-button,css-prop,--padding-end
-ion-menu-button,css-prop,--padding-start
-ion-menu-button,css-prop,--padding-top
-
-ion-menu-controller,none
-ion-menu-controller,method,close,close(menu?: string | null | undefined) => Promise<boolean>
-ion-menu-controller,method,enable,enable(enable: boolean, menu?: string | null | undefined) => Promise<HTMLIonMenuElement | undefined>
-ion-menu-controller,method,get,get(menu?: string | null | undefined) => Promise<HTMLIonMenuElement | undefined>
-ion-menu-controller,method,getMenus,getMenus() => Promise<HTMLIonMenuElement[]>
-ion-menu-controller,method,getOpen,getOpen() => Promise<HTMLIonMenuElement | undefined>
-ion-menu-controller,method,isAnimating,isAnimating() => Promise<boolean>
-ion-menu-controller,method,isEnabled,isEnabled(menu?: string | null | undefined) => Promise<boolean>
-ion-menu-controller,method,isOpen,isOpen(menu?: string | null | undefined) => Promise<boolean>
-ion-menu-controller,method,open,open(menu?: string | null | undefined) => Promise<boolean>
-ion-menu-controller,method,registerAnimation,registerAnimation(name: string, animation: AnimationBuilder) => Promise<void>
-ion-menu-controller,method,swipeGesture,swipeGesture(enable: boolean, menu?: string | null | undefined) => Promise<HTMLIonMenuElement | undefined>
-ion-menu-controller,method,toggle,toggle(menu?: string | null | undefined) => Promise<boolean>
-
-ion-menu-toggle,shadow
-ion-menu-toggle,prop,autoHide,boolean,true,false,false
-ion-menu-toggle,prop,menu,string | undefined,undefined,false,false
+ion-modal-controller,none
+ion-modal-controller,method,create,create<T extends ComponentRef>(opts: ModalOptions<T>) => Promise<HTMLIonModalElement>
+ion-modal-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-modal-controller,method,getTop,getTop() => Promise<HTMLIonModalElement | undefined>

 ion-modal,scoped
 ion-modal,prop,animated,boolean,true,false,false
@@ -686,9 +634,9 @@ ion-modal,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promi
 ion-modal,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-modal,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-modal,method,present,present() => Promise<void>
-ion-modal,event,ionModalDidDismiss,OverlayEventDetail<any>,true
+ion-modal,event,ionModalDidDismiss,OverlayEventDetail,true
 ion-modal,event,ionModalDidPresent,void,true
-ion-modal,event,ionModalWillDismiss,OverlayEventDetail<any>,true
+ion-modal,event,ionModalWillDismiss,OverlayEventDetail,true
 ion-modal,event,ionModalWillPresent,void,true
 ion-modal,css-prop,--background
 ion-modal,css-prop,--border-color
@@ -702,10 +650,15 @@ ion-modal,css-prop,--min-height
 ion-modal,css-prop,--min-width
 ion-modal,css-prop,--width

-ion-modal-controller,none
-ion-modal-controller,method,create,create<T extends ComponentRef>(options: ModalOptions<T>) => Promise<HTMLIonModalElement>
-ion-modal-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-modal-controller,method,getTop,getTop() => Promise<HTMLIonModalElement | undefined>
+ion-nav-pop,none
+
+ion-nav-push,none
+ion-nav-push,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
+ion-nav-push,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
+
+ion-nav-set-root,none
+ion-nav-set-root,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
+ion-nav-set-root,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false

 ion-nav,shadow
 ion-nav,prop,animated,boolean,true,false,false
@@ -729,21 +682,16 @@ ion-nav,method,setRoot,setRoot<T extends NavComponent>(component: T, componentPr
 ion-nav,event,ionNavDidChange,void,false
 ion-nav,event,ionNavWillChange,void,false

-ion-nav-pop,none
-
-ion-nav-push,none
-ion-nav-push,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
-ion-nav-push,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
-
-ion-nav-set-root,none
-ion-nav-set-root,prop,component,Function | HTMLElement | ViewController | null | string | undefined,undefined,false,false
-ion-nav-set-root,prop,componentProps,undefined | { [key: string]: any; },undefined,false,false
-
 ion-note,shadow
 ion-note,prop,color,string | undefined,undefined,false,false
 ion-note,prop,mode,"ios" | "md",undefined,false,false
 ion-note,css-prop,--color

+ion-picker-controller,none
+ion-picker-controller,method,create,create(opts: PickerOptions) => Promise<HTMLIonPickerElement>
+ion-picker-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-picker-controller,method,getTop,getTop() => Promise<HTMLIonPickerElement | undefined>
+
 ion-picker,scoped
 ion-picker,prop,animated,boolean,true,false,false
 ion-picker,prop,backdropDismiss,boolean,true,false,false
@@ -761,9 +709,9 @@ ion-picker,method,getColumn,getColumn(name: string) => Promise<PickerColumn | un
 ion-picker,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-picker,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-picker,method,present,present() => Promise<void>
-ion-picker,event,ionPickerDidDismiss,OverlayEventDetail<any>,true
+ion-picker,event,ionPickerDidDismiss,OverlayEventDetail,true
 ion-picker,event,ionPickerDidPresent,void,true
-ion-picker,event,ionPickerWillDismiss,OverlayEventDetail<any>,true
+ion-picker,event,ionPickerWillDismiss,OverlayEventDetail,true
 ion-picker,event,ionPickerWillPresent,void,true
 ion-picker,css-prop,--background
 ion-picker,css-prop,--background-rgb
@@ -778,10 +726,10 @@ ion-picker,css-prop,--min-height
 ion-picker,css-prop,--min-width
 ion-picker,css-prop,--width

-ion-picker-controller,none
-ion-picker-controller,method,create,create(options: PickerOptions) => Promise<HTMLIonPickerElement>
-ion-picker-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-picker-controller,method,getTop,getTop() => Promise<HTMLIonPickerElement | undefined>
+ion-popover-controller,none
+ion-popover-controller,method,create,create<T extends ComponentRef>(opts: PopoverOptions<T>) => Promise<HTMLIonPopoverElement>
+ion-popover-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-popover-controller,method,getTop,getTop() => Promise<HTMLIonPopoverElement | undefined>

 ion-popover,scoped
 ion-popover,prop,animated,boolean,true,false,false
@@ -800,9 +748,9 @@ ion-popover,method,dismiss,dismiss(data?: any, role?: string | undefined) => Pro
 ion-popover,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-popover,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-popover,method,present,present() => Promise<void>
-ion-popover,event,ionPopoverDidDismiss,OverlayEventDetail<any>,true
+ion-popover,event,ionPopoverDidDismiss,OverlayEventDetail,true
 ion-popover,event,ionPopoverDidPresent,void,true
-ion-popover,event,ionPopoverWillDismiss,OverlayEventDetail<any>,true
+ion-popover,event,ionPopoverWillDismiss,OverlayEventDetail,true
 ion-popover,event,ionPopoverWillPresent,void,true
 ion-popover,css-prop,--background
 ion-popover,css-prop,--box-shadow
@@ -813,11 +761,6 @@ ion-popover,css-prop,--min-height
 ion-popover,css-prop,--min-width
 ion-popover,css-prop,--width

-ion-popover-controller,none
-ion-popover-controller,method,create,create<T extends ComponentRef>(options: PopoverOptions<T>) => Promise<HTMLIonPopoverElement>
-ion-popover-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-popover-controller,method,getTop,getTop() => Promise<HTMLIonPopoverElement | undefined>
-
 ion-progress-bar,shadow
 ion-progress-bar,prop,buffer,number,1,false,false
 ion-progress-bar,prop,color,string | undefined,undefined,false,false
@@ -829,6 +772,12 @@ ion-progress-bar,css-prop,--background
 ion-progress-bar,css-prop,--buffer-background
 ion-progress-bar,css-prop,--progress-background

+ion-radio-group,none
+ion-radio-group,prop,allowEmptySelection,boolean,false,false,false
+ion-radio-group,prop,name,string,this.inputId,false,false
+ion-radio-group,prop,value,any,undefined,false,false
+ion-radio-group,event,ionChange,RadioGroupChangeEventDetail,true
+
 ion-radio,shadow
 ion-radio,prop,checked,boolean,false,false,false
 ion-radio,prop,color,string | undefined,undefined,false,false
@@ -842,12 +791,6 @@ ion-radio,event,ionSelect,RadioChangeEventDetail,true
 ion-radio,css-prop,--color
 ion-radio,css-prop,--color-checked

-ion-radio-group,none
-ion-radio-group,prop,allowEmptySelection,boolean,false,false,false
-ion-radio-group,prop,name,string,this.inputId,false,false
-ion-radio-group,prop,value,any,undefined,false,false
-ion-radio-group,event,ionChange,RadioGroupChangeEventDetail,true
-
 ion-range,shadow
 ion-range,prop,color,string | undefined,undefined,false,false
 ion-range,prop,debounce,number,0,false,false
@@ -860,7 +803,6 @@ ion-range,prop,name,string,'',false,false
 ion-range,prop,pin,boolean,false,false,false
 ion-range,prop,snaps,boolean,false,false,false
 ion-range,prop,step,number,1,false,false
-ion-range,prop,ticks,boolean,true,false,false
 ion-range,prop,value,number | { lower: number; upper: number; },0,false,false
 ion-range,event,ionBlur,void,true
 ion-range,event,ionChange,RangeChangeEventDetail,true
@@ -875,36 +817,40 @@ ion-range,css-prop,--knob-border-radius
 ion-range,css-prop,--knob-box-shadow
 ion-range,css-prop,--knob-size

-ion-refresher,none
-ion-refresher,prop,closeDuration,string,'280ms',false,false
-ion-refresher,prop,disabled,boolean,false,false,false
-ion-refresher,prop,pullFactor,number,1,false,false
-ion-refresher,prop,pullMax,number,this.pullMin + 60,false,false
-ion-refresher,prop,pullMin,number,60,false,false
-ion-refresher,prop,snapbackDuration,string,'280ms',false,false
-ion-refresher,method,cancel,cancel() => Promise<void>
-ion-refresher,method,complete,complete() => Promise<void>
-ion-refresher,method,getProgress,getProgress() => Promise<number>
-ion-refresher,event,ionPull,void,true
-ion-refresher,event,ionRefresh,RefresherEventDetail,true
-ion-refresher,event,ionStart,void,true
-
 ion-refresher-content,none
 ion-refresher-content,prop,pullingIcon,null | string | undefined,undefined,false,false
 ion-refresher-content,prop,pullingText,string | undefined,undefined,false,false
 ion-refresher-content,prop,refreshingSpinner,"bubbles" | "circles" | "crescent" | "dots" | "lines" | "lines-small" | null | undefined,undefined,false,false
 ion-refresher-content,prop,refreshingText,string | undefined,undefined,false,false

-ion-reorder,shadow
+ion-refresher,none
+ion-refresher,prop,closeDuration,string,'280ms',false,false
+ion-refresher,prop,disabled,boolean,false,false,false
+ion-refresher,prop,pullMax,number,this.pullMin + 60,false,false
+ion-refresher,prop,pullMin,number,60,false,false
+ion-refresher,prop,snapbackDuration,string,'280ms',false,false
+ion-refresher,method,cancel,cancel() => void
+ion-refresher,method,complete,complete() => void
+ion-refresher,method,getProgress,getProgress() => Promise<number>
+ion-refresher,event,ionPull,void,true
+ion-refresher,event,ionRefresh,RefresherEventDetail,true
+ion-refresher,event,ionStart,void,true

 ion-reorder-group,none
 ion-reorder-group,prop,disabled,boolean,true,false,false
 ion-reorder-group,method,complete,complete(listOrReorder?: boolean | any[] | undefined) => Promise<any>
 ion-reorder-group,event,ionItemReorder,ItemReorderEventDetail,true

+ion-reorder,shadow
+
 ion-ripple-effect,shadow
 ion-ripple-effect,prop,type,"bounded" | "unbounded",'bounded',false,false
-ion-ripple-effect,method,addRipple,addRipple(x: number, y: number) => Promise<() => void>
+ion-ripple-effect,method,addRipple,addRipple(pageX: number, pageY: number) => Promise<() => void>
+
+ion-route-redirect,none
+ion-route-redirect,prop,from,string,undefined,true,false
+ion-route-redirect,prop,to,null | string | undefined,undefined,true,false
+ion-route-redirect,event,ionRouteRedirectChanged,void,true

 ion-route,none
 ion-route,prop,component,string,undefined,true,false
@@ -912,10 +858,9 @@ ion-route,prop,componentProps,undefined | { [key: string]: any; },undefined,fals
 ion-route,prop,url,string,'',false,false
 ion-route,event,ionRouteDataChanged,any,true

-ion-route-redirect,none
-ion-route-redirect,prop,from,string,undefined,true,false
-ion-route-redirect,prop,to,null | string | undefined,undefined,true,false
-ion-route-redirect,event,ionRouteRedirectChanged,any,true
+ion-router-outlet,shadow
+ion-router-outlet,prop,animated,boolean,true,false,false
+ion-router-outlet,prop,animation,((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) | undefined,undefined,false,false

 ion-router,none
 ion-router,prop,root,string,'/',false,false
@@ -925,20 +870,6 @@ ion-router,method,push,push(url: string, direction?: RouterDirection) => Promise
 ion-router,event,ionRouteDidChange,RouterEventDetail,true
 ion-router,event,ionRouteWillChange,RouterEventDetail,true

-ion-router-link,shadow
-ion-router-link,prop,color,string | undefined,undefined,false,false
-ion-router-link,prop,href,string | undefined,undefined,false,false
-ion-router-link,prop,rel,string | undefined,undefined,false,false
-ion-router-link,prop,routerDirection,"back" | "forward" | "root",'forward',false,false
-ion-router-link,prop,target,string | undefined,undefined,false,false
-ion-router-link,css-prop,--background
-ion-router-link,css-prop,--color
-
-ion-router-outlet,shadow
-ion-router-outlet,prop,animated,boolean,true,false,false
-ion-router-outlet,prop,animation,((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) | undefined,undefined,false,false
-ion-router-outlet,prop,mode,"ios" | "md",getIonMode(this),false,false
-
 ion-row,shadow

 ion-searchbar,scoped
@@ -950,16 +881,15 @@ ion-searchbar,prop,cancelButtonText,string,'Cancel',false,false
 ion-searchbar,prop,clearIcon,string | undefined,undefined,false,false
 ion-searchbar,prop,color,string | undefined,undefined,false,false
 ion-searchbar,prop,debounce,number,250,false,false
-ion-searchbar,prop,disabled,boolean,false,false,false
 ion-searchbar,prop,mode,"ios" | "md",undefined,false,false
 ion-searchbar,prop,placeholder,string,'Search',false,false
 ion-searchbar,prop,searchIcon,string,'search',false,false
-ion-searchbar,prop,showCancelButton,boolean | string,'never',false,false
+ion-searchbar,prop,showCancelButton,boolean,false,false,false
 ion-searchbar,prop,spellcheck,boolean,false,false,false
 ion-searchbar,prop,type,"email" | "number" | "password" | "search" | "tel" | "text" | "url",'search',false,false
 ion-searchbar,prop,value,null | string | undefined,'',false,false
 ion-searchbar,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
-ion-searchbar,method,setFocus,setFocus() => Promise<void>
+ion-searchbar,method,setFocus,setFocus() => void
 ion-searchbar,event,ionBlur,void,true
 ion-searchbar,event,ionCancel,void,true
 ion-searchbar,event,ionChange,SearchbarChangeEventDetail,true
@@ -976,21 +906,11 @@ ion-searchbar,css-prop,--placeholder-font-style
 ion-searchbar,css-prop,--placeholder-font-weight
 ion-searchbar,css-prop,--placeholder-opacity

-ion-segment,scoped
-ion-segment,prop,color,string | undefined,undefined,false,false
-ion-segment,prop,disabled,boolean,false,false,false
-ion-segment,prop,mode,"ios" | "md",undefined,false,false
-ion-segment,prop,scrollable,boolean,false,false,false
-ion-segment,prop,value,null | string | undefined,undefined,false,false
-ion-segment,event,ionChange,SegmentChangeEventDetail,true
-ion-segment,event,ionStyle,StyleEventDetail,true
-
 ion-segment-button,shadow
 ion-segment-button,prop,checked,boolean,false,false,false
 ion-segment-button,prop,disabled,boolean,false,false,false
 ion-segment-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,'icon-top',false,false
 ion-segment-button,prop,mode,"ios" | "md",undefined,false,false
-ion-segment-button,prop,type,"button" | "reset" | "submit",'button',false,false
 ion-segment-button,prop,value,string,'ion-sb-' + (ids++),false,false
 ion-segment-button,event,ionSelect,void,true
 ion-segment-button,css-prop,--background
@@ -1018,9 +938,22 @@ ion-segment-button,css-prop,--padding-start
 ion-segment-button,css-prop,--padding-top
 ion-segment-button,css-prop,--transition

+ion-segment,scoped
+ion-segment,prop,color,string | undefined,undefined,false,false
+ion-segment,prop,disabled,boolean,false,false,false
+ion-segment,prop,mode,"ios" | "md",undefined,false,false
+ion-segment,prop,scrollable,boolean,false,false,false
+ion-segment,prop,value,null | string | undefined,undefined,false,false
+ion-segment,event,ionChange,SegmentChangeEventDetail,true
+ion-segment,event,ionStyle,StyleEventDetail,true
+
+ion-select-option,shadow
+ion-select-option,prop,disabled,boolean,false,false,false
+ion-select-option,prop,selected,boolean,false,false,false
+ion-select-option,prop,value,any,undefined,false,false
+
 ion-select,shadow
 ion-select,prop,cancelText,string,'Cancel',false,false
-ion-select,prop,compareWith,((currentValue: any, compareValue: any) => boolean) | null | string | undefined,undefined,false,false
 ion-select,prop,disabled,boolean,false,false,false
 ion-select,prop,interface,"action-sheet" | "alert" | "popover",'alert',false,false
 ion-select,prop,interfaceOptions,any,{},false,false
@@ -1031,7 +964,7 @@ ion-select,prop,okText,string,'OK',false,false
 ion-select,prop,placeholder,null | string | undefined,undefined,false,false
 ion-select,prop,selectedText,null | string | undefined,undefined,false,false
 ion-select,prop,value,any,undefined,false,false
-ion-select,method,open,open(event?: UIEvent | undefined) => Promise<any>
+ion-select,method,open,open(ev?: UIEvent | undefined) => Promise<HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement | undefined>
 ion-select,event,ionBlur,void,true
 ion-select,event,ionCancel,void,true
 ion-select,event,ionChange,SelectChangeEventDetail,true
@@ -1041,17 +974,9 @@ ion-select,css-prop,--padding-end
 ion-select,css-prop,--padding-start
 ion-select,css-prop,--padding-top

-ion-select-option,shadow
-ion-select-option,prop,disabled,boolean,false,false,false
-ion-select-option,prop,selected,boolean,false,false,false
-ion-select-option,prop,value,any,undefined,false,false
-
 ion-skeleton-text,shadow
-ion-skeleton-text,prop,animated,boolean,false,false,false
-ion-skeleton-text,prop,width,string | undefined,undefined,false,false
+ion-skeleton-text,prop,width,string,'100%',false,false
 ion-skeleton-text,css-prop,--background
-ion-skeleton-text,css-prop,--background-rgb
-ion-skeleton-text,css-prop,--border-radius

 ion-slide,none

@@ -1065,9 +990,9 @@ ion-slides,method,getPreviousIndex,getPreviousIndex() => Promise<number>
 ion-slides,method,isBeginning,isBeginning() => Promise<boolean>
 ion-slides,method,isEnd,isEnd() => Promise<boolean>
 ion-slides,method,length,length() => Promise<number>
-ion-slides,method,lockSwipeToNext,lockSwipeToNext(lock: boolean) => Promise<void>
-ion-slides,method,lockSwipeToPrev,lockSwipeToPrev(lock: boolean) => Promise<void>
-ion-slides,method,lockSwipes,lockSwipes(lock: boolean) => Promise<void>
+ion-slides,method,lockSwipeToNext,lockSwipeToNext(shouldLockSwipeToNext: boolean) => Promise<void>
+ion-slides,method,lockSwipeToPrev,lockSwipeToPrev(shouldLockSwipeToPrev: boolean) => Promise<void>
+ion-slides,method,lockSwipes,lockSwipes(shouldLockSwipes: boolean) => Promise<void>
 ion-slides,method,slideNext,slideNext(speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>
 ion-slides,method,slidePrev,slidePrev(speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>
 ion-slides,method,slideTo,slideTo(index: number, speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise<void>
@@ -1105,14 +1030,9 @@ ion-split-pane,none
 ion-split-pane,prop,contentId,string | undefined,undefined,false,false
 ion-split-pane,prop,disabled,boolean,false,false,false
 ion-split-pane,prop,when,boolean | string,QUERY['lg'],false,false
-ion-split-pane,event,ionSplitPaneVisible,{ visible: boolean; },true
+ion-split-pane,event,ionSplitPaneVisible,{visible: boolean},true
 ion-split-pane,css-prop,--border

-ion-tab,shadow
-ion-tab,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false
-ion-tab,prop,tab,string,undefined,true,false
-ion-tab,method,setActive,setActive() => Promise<void>
-
 ion-tab-bar,shadow
 ion-tab-bar,prop,color,string | undefined,undefined,false,false
 ion-tab-bar,prop,mode,"ios" | "md",undefined,false,false
@@ -1124,14 +1044,11 @@ ion-tab-bar,css-prop,--color

 ion-tab-button,shadow
 ion-tab-button,prop,disabled,boolean,false,false,false
-ion-tab-button,prop,download,string | undefined,undefined,false,false
 ion-tab-button,prop,href,string | undefined,undefined,false,false
 ion-tab-button,prop,layout,"icon-bottom" | "icon-end" | "icon-hide" | "icon-start" | "icon-top" | "label-hide" | undefined,undefined,false,false
 ion-tab-button,prop,mode,"ios" | "md",undefined,false,false
-ion-tab-button,prop,rel,string | undefined,undefined,false,false
 ion-tab-button,prop,selected,boolean,false,false,false
 ion-tab-button,prop,tab,string | undefined,undefined,false,false
-ion-tab-button,prop,target,string | undefined,undefined,false,false
 ion-tab-button,css-prop,--background
 ion-tab-button,css-prop,--background-focused
 ion-tab-button,css-prop,--color
@@ -1142,19 +1059,23 @@ ion-tab-button,css-prop,--padding-start
 ion-tab-button,css-prop,--padding-top
 ion-tab-button,css-prop,--ripple-color

+ion-tab,shadow
+ion-tab,prop,component,Function | HTMLElement | null | string | undefined,undefined,false,false
+ion-tab,prop,tab,string,undefined,true,false
+ion-tab,method,setActive,setActive() => Promise<void>
+
 ion-tabs,shadow
 ion-tabs,method,getSelected,getSelected() => Promise<string | undefined>
 ion-tabs,method,getTab,getTab(tab: string | HTMLIonTabElement) => Promise<HTMLIonTabElement | undefined>
 ion-tabs,method,select,select(tab: string | HTMLIonTabElement) => Promise<boolean>
-ion-tabs,event,ionTabsDidChange,{ tab: string; },false
-ion-tabs,event,ionTabsWillChange,{ tab: string; },false
+ion-tabs,event,ionTabsDidChange,{tab: string},false
+ion-tabs,event,ionTabsWillChange,{tab: string},false

 ion-text,shadow
 ion-text,prop,color,string | undefined,undefined,false,false
 ion-text,prop,mode,"ios" | "md",undefined,false,false

 ion-textarea,scoped
-ion-textarea,prop,autoGrow,boolean,false,false,false
 ion-textarea,prop,autocapitalize,string,'none',false,false
 ion-textarea,prop,autofocus,boolean,false,false,false
 ion-textarea,prop,clearOnEdit,boolean,false,false,false
@@ -1174,7 +1095,7 @@ ion-textarea,prop,spellcheck,boolean,false,false,false
 ion-textarea,prop,value,null | string | undefined,'',false,false
 ion-textarea,prop,wrap,"hard" | "off" | "soft" | undefined,undefined,false,false
 ion-textarea,method,getInputElement,getInputElement() => Promise<HTMLTextAreaElement>
-ion-textarea,method,setFocus,setFocus() => Promise<void>
+ion-textarea,method,setFocus,setFocus() => void
 ion-textarea,event,ionBlur,void,true
 ion-textarea,event,ionChange,TextareaChangeEventDetail,true
 ion-textarea,event,ionFocus,void,true
@@ -1199,15 +1120,18 @@ ion-title,shadow
 ion-title,prop,color,string | undefined,undefined,false,false
 ion-title,css-prop,--color

+ion-toast-controller,none
+ion-toast-controller,method,create,create(opts?: ToastOptions | undefined) => Promise<HTMLIonToastElement>
+ion-toast-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
+ion-toast-controller,method,getTop,getTop() => Promise<HTMLIonToastElement | undefined>
+
 ion-toast,shadow
 ion-toast,prop,animated,boolean,true,false,false
-ion-toast,prop,buttons,(string | ToastButton)[] | undefined,undefined,false,false
 ion-toast,prop,closeButtonText,string | undefined,undefined,false,false
 ion-toast,prop,color,string | undefined,undefined,false,false
 ion-toast,prop,cssClass,string | string[] | undefined,undefined,false,false
 ion-toast,prop,duration,number,0,false,false
 ion-toast,prop,enterAnimation,((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) | undefined,undefined,false,false
-ion-toast,prop,header,string | undefined,undefined,false,false
 ion-toast,prop,keyboardClose,boolean,false,false,false
 ion-toast,prop,leaveAnimation,((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) | undefined,undefined,false,false
 ion-toast,prop,message,string | undefined,undefined,false,false
@@ -1219,9 +1143,9 @@ ion-toast,method,dismiss,dismiss(data?: any, role?: string | undefined) => Promi
 ion-toast,method,onDidDismiss,onDidDismiss() => Promise<OverlayEventDetail<any>>
 ion-toast,method,onWillDismiss,onWillDismiss() => Promise<OverlayEventDetail<any>>
 ion-toast,method,present,present() => Promise<void>
-ion-toast,event,ionToastDidDismiss,OverlayEventDetail<any>,true
+ion-toast,event,ionToastDidDismiss,OverlayEventDetail,true
 ion-toast,event,ionToastDidPresent,void,true
-ion-toast,event,ionToastWillDismiss,OverlayEventDetail<any>,true
+ion-toast,event,ionToastWillDismiss,OverlayEventDetail,true
 ion-toast,event,ionToastWillPresent,void,true
 ion-toast,css-prop,--background
 ion-toast,css-prop,--border-color
@@ -1231,20 +1155,13 @@ ion-toast,css-prop,--border-width
 ion-toast,css-prop,--box-shadow
 ion-toast,css-prop,--button-color
 ion-toast,css-prop,--color
-ion-toast,css-prop,--end
 ion-toast,css-prop,--height
 ion-toast,css-prop,--max-height
 ion-toast,css-prop,--max-width
 ion-toast,css-prop,--min-height
 ion-toast,css-prop,--min-width
-ion-toast,css-prop,--start
 ion-toast,css-prop,--width

-ion-toast-controller,none
-ion-toast-controller,method,create,create(options?: ToastOptions | undefined) => Promise<HTMLIonToastElement>
-ion-toast-controller,method,dismiss,dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>
-ion-toast-controller,method,getTop,getTop() => Promise<HTMLIonToastElement | undefined>
-
 ion-toggle,shadow
 ion-toggle,prop,checked,boolean,false,false,false
 ion-toggle,prop,color,string | undefined,undefined,false,false
@@ -1287,6 +1204,6 @@ ion-virtual-scroll,prop,nodeRender,((el: HTMLElement | null, cell: Cell, domInde
 ion-virtual-scroll,prop,renderFooter,((item: any, index: number) => any) | undefined,undefined,false,false
 ion-virtual-scroll,prop,renderHeader,((item: any, index: number) => any) | undefined,undefined,false,false
 ion-virtual-scroll,prop,renderItem,((item: any, index: number) => any) | undefined,undefined,false,false
-ion-virtual-scroll,method,checkEnd,checkEnd() => Promise<void>
-ion-virtual-scroll,method,checkRange,checkRange(offset: number, len?: number) => Promise<void>
+ion-virtual-scroll,method,checkEnd,checkEnd() => void
+ion-virtual-scroll,method,checkRange,checkRange(offset: number, len?: number) => void
 ion-virtual-scroll,method,positionForItem,positionForItem(index: number) => Promise<number>
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@ionic/core",
-  "version": "4.6.2",
+  "version": "4.0.2",
  "description": "Base components for Ionic",
  "keywords": [
    "ionic",
@@ -16,45 +16,45 @@
    "pwa"
  ],
  "main": "dist/index.js",
-  "unpkg": "dist/ionic/ionic.js",
-  "module": "dist/index.mjs",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "jsnext:main": "dist/esm/index.mjs",
-  "collection:main": "dist/collection/index.js",
-  "collection": "dist/collection/collection-manifest.json",
+  "unpkg": "dist/ionic.js",
+  "module": "dist/esm/index.js",
+  "es2015": "dist/esm/es2017/index.js",
+  "es2017": "dist/esm/es2017/index.js",
+  "jsnext:main": "dist/esm/es2017/index.js",
  "types": "dist/types/interface.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "webComponents": "dist/web-components.json",
  "files": [
    "dist/",
    "css/",
    "loader/"
  ],
  "dependencies": {
-    "ionicons": "4.6.1",
-    "tslib": "^1.10.0"
+    "ionicons": "4.5.5"
  },
  "devDependencies": {
-    "@stencil/core": "1.1.5",
-    "@stencil/sass": "1.0.0",
-    "@types/jest": "24.0.13",
+    "@stencil/core": "0.17.3-0",
+    "@stencil/sass": "0.1.1",
+    "@stencil/utils": "latest",
+    "@types/jest": "^23.3.13",
    "@types/node": "10.12.18",
-    "@types/puppeteer": "1.12.4",
+    "@types/puppeteer": "1.11.2",
    "@types/swiper": "4.4.1",
+    "agadoo": "^1.0.0",
+    "autoprefixer": "9.4.6",
    "aws-sdk": "^2.320.0",
    "chromedriver": "^2.38.3",
    "clean-css-cli": "^4.1.11",
-    "fs-extra": "^8.0.1",
-    "jest": "24.8.0",
-    "jest-cli": "24.8.0",
+    "fs-extra": "^7.0.0",
+    "jest": "23.6.0",
+    "jest-cli": "23.6.0",
    "np": "^3.0.4",
    "pixelmatch": "4.0.2",
-    "puppeteer": "1.17.0",
-    "rollup": "1.16.2",
-    "rollup-plugin-node-resolve": "5.1.0",
-    "rollup-plugin-virtual": "^1.0.1",
-    "sass": "^1.22.0",
-    "stylelint": "10.1.0",
-    "stylelint-order": "3.0.0",
+    "puppeteer": "1.11.0",
+    "rollup": "1.1.2",
+    "rollup-plugin-node-resolve": "4.0.0",
+    "stylelint": "9.10.1",
+    "stylelint-order": "2.0.0",
    "swiper": "4.4.6",
    "tslint": "^5.10.0",
    "tslint-ionic-rules": "0.0.21",
@@ -69,7 +69,7 @@
    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
    "clean": "node scripts/clean.js",
    "css.minify": "cleancss -O2 -o ./css/ionic.bundle.css ./css/ionic.bundle.css",
-    "css.sass": "sass src/css:./css",
+    "css.sass": "node-sass --output ./css src/css --output-style compressed",
    "lint": "npm run lint.ts && npm run lint.sass",
    "lint.fix": "npm run lint.ts.fix && npm run lint.sass.fix",
    "lint.sass": "stylelint 'src/**/*.scss'",
@@ -77,16 +77,14 @@
    "lint.ts": "tslint --project .",
    "lint.ts.fix": "tslint --project . --fix",
    "prerelease": "npm run validate && np prerelease --yolo --any-branch --tag next",
-    "prerender.e2e": "node scripts/testing/prerender-e2e.js",
    "start": "npm run build.css && stencil build --dev --watch --serve",
    "test": "stencil test --spec --e2e",
    "test.spec": "stencil test --spec",
-    "test.spec.debug": "npx --node-arg=\"--inspect-brk\" stencil test --spec",
    "test.e2e": "stencil test --e2e",
    "test.screenshot": "stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/dev.js",
    "test.screenshot.ci": "stencil test --e2e --screenshot --screenshot-connector=scripts/screenshot/ci.js --ci",
    "test.watch": "jest --watch --no-cache",
-    "test.treeshake": "node scripts/treeshaking.js dist/index.mjs",
+    "test.treeshake": "agadoo dist/collection/index.js",
    "validate": "npm run lint && npm run test && npm run build && npm run test.treeshake"
  },
  "author": "Ionic Team",
@@ -98,8 +96,5 @@
  "bugs": {
    "url": "https://github.com/ionic-team/ionic/issues"
  },
-  "homepage": "https://github.com/ionic-team/ionic#readme",
-  "jest": {
-    "preset": "@stencil/core/testing"
-  }
+  "homepage": "https://github.com/ionic-team/ionic#readme"
 }
--- a/core/scripts/api-spec-generator.js
+++ b/core/scripts/api-spec-generator.js
@@ -1,21 +1,17 @@

-
 const fs = require('fs');

 function apiSpecGenerator(opts) {
-  return {
-    type: 'docs-custom',
-    generator: (docsData) => {
-      const content = [];
-      docsData.components.forEach(cmp => generateComponent(cmp, content));
+  return (docsData) => {
+    const content = [];
+    docsData.components.forEach(cmp => generateComponent(cmp, content));

-      const contentStr = content.join('\n');
-      return new Promise(resolve => {
-        fs.writeFile(opts.file, contentStr, () => {
-          resolve();
-        });
+    const contentStr = content.join('\n');
+    return new Promise(resolve => {
+      fs.writeFile(opts.file, contentStr, () => {
+        resolve();
      });
-    }
+    });
  };
 }

--- a/core/scripts/clean.js
+++ b/core/scripts/clean.js
@@ -4,7 +4,8 @@ const path = require('path');

 const cleanDirs = [
  'dist',
-  'css'
+  'css',
+  '.stencil'
 ];

 cleanDirs.forEach(dir => {
--- a/core/scripts/screenshot/ionic.js
+++ b/core/scripts/screenshot/ionic.js
@@ -23,10 +23,8 @@ class IonicConnector extends ScreenshotConnector {
      return true
    });

-    while (missingImages.length > 0) {
-      const images = missingImages.splice(0, 20);
-
-      await Promise.all(images.map(async image => {
+    if (missingImages.length > 0) {
+      await Promise.all(missingImages.map(async image => {
        this.logger.debug(`downloading: ${image}`);

        try {
--- a/core/scripts/treeshaking.js
+++ b/core/scripts/treeshaking.js
@@ -1,89 +0,0 @@
-
-const path = require('path');
-const { rollup } = require('rollup');
-const virtual = require('rollup-plugin-virtual');
-const fs = require('fs');
-
-function main() {
-  const input = process.argv[2] || get_input();
-  check(input).then(result => {
-    const relative = path.relative(process.cwd(), input);
-
-    if (result.shaken) {
-      console.error(`Success! ${relative} is fully tree-shakeable`);
-    } else {
-      error(`Failed to tree-shake ${relative}`);
-    }
-  });
-}
-
-
-function error(msg) {
-	console.error(msg);
-	process.exit(1);
-}
-
-function get_input() {
-	if (!fs.existsSync('package.json')) {
-		error(`Could not find package.json`);
-	}
-
-	const pkg = JSON.parse(fs.readFileSync('package.json'), 'utf-8');
-
-	const unresolved = pkg.module || pkg.main || 'index';
-	const resolved = resolve(unresolved);
-
-	if (!resolved) {
-		error(`Could not resolve entry point`);
-	}
-
-	return resolved;
-}
-
-function resolve(file) {
-	if (is_directory(file)) {
-		return if_exists(`${file}/index.mjs`) || if_exists(`${file}/index.js`);
-	}
-
-	return if_exists(file) || if_exists(`${file}.mjs`) || if_exists(`${file}.js`);
-}
-
-function is_directory(file) {
-	try {
-		const stats = fs.statSync(file);
-		return stats.isDirectory();
-	} catch (err) {
-		return false;
-	}
-}
-
-function if_exists(file) {
-	return fs.existsSync(file) ? file : null;
-}
-
-const check = input => {
-	const resolved = path.resolve(input);
-
-	return rollup({
-		input: '__agadoo__',
-		plugins: [
-			virtual({
-				__agadoo__: `import ${JSON.stringify(resolved)}`,
-				'tslib': '',
-			})
-		],
-		onwarn: (warning, handle) => {
-			if (warning.code !== 'EMPTY_BUNDLE') handle(warning);
-		}
-	}).then(bundle => bundle.generate({
-		format: 'es'
-	})).then(o => {
-		const output = o.output;
-		console.log(output);
-		return {
-			shaken: output.length === 1 && output[0].code.trim() === ''
-		};
-	});
-};
-
-main();
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
--- a/core/src/components/action-sheet-controller/action-sheet-controller.tsx
+++ b/core/src/components/action-sheet-controller/action-sheet-controller.tsx
@@ -1,4 +1,4 @@
-import { Component, ComponentInterface, Method } from '@stencil/core';
+import { Component, ComponentInterface, Method, Prop } from '@stencil/core';

 import { ActionSheetOptions, OverlayController } from '../../interface';
 import { createOverlay, dismissOverlay, getOverlay } from '../../utils/overlays';
@@ -8,29 +8,22 @@ import { createOverlay, dismissOverlay, getOverlay } from '../../utils/overlays'
 })
 export class ActionSheetController implements ComponentInterface, OverlayController {

+  @Prop({ context: 'document' }) doc!: Document;
+
  /**
   * Create an action sheet overlay with action sheet options.
-   *
-   * @param options The options to use to create the action sheet.
   */
  @Method()
-  create(options: ActionSheetOptions): Promise<HTMLIonActionSheetElement> {
-    return createOverlay('ion-action-sheet', options);
+  create(opts: ActionSheetOptions): Promise<HTMLIonActionSheetElement> {
+    return createOverlay(this.doc.createElement('ion-action-sheet'), opts);
  }

  /**
   * Dismiss the open action sheet overlay.
-   *
-   * @param data Any data to emit in the dismiss events.
-   * @param role The role of the element that is dismissing the action sheet.
-   * This can be useful in a button handler for determining which button was
-   * clicked to dismiss the action sheet.
-   * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
-   * @param id The id of the action sheet to dismiss. If an id is not provided, it will dismiss the most recently opened action sheet.
   */
  @Method()
  dismiss(data?: any, role?: string, id?: string) {
-    return dismissOverlay(document, data, role, 'ion-action-sheet', id);
+    return dismissOverlay(this.doc, data, role, 'ion-action-sheet', id);
  }

  /**
@@ -38,6 +31,6 @@ export class ActionSheetController implements ComponentInterface, OverlayControl
   */
  @Method()
  async getTop(): Promise<HTMLIonActionSheetElement | undefined> {
-    return getOverlay(document, 'ion-action-sheet') as HTMLIonActionSheetElement;
+    return getOverlay(this.doc, 'ion-action-sheet') as HTMLIonActionSheetElement;
  }
 }
--- a/core/src/components/action-sheet-controller/readme.md
+++ b/core/src/components/action-sheet-controller/readme.md
@@ -7,10 +7,16 @@ Action Sheet controllers programmatically control the action sheet component. Ac

 ## Methods

-### `create(options: ActionSheetOptions) => Promise<HTMLIonActionSheetElement>`
+### `create(opts: ActionSheetOptions) => Promise<HTMLIonActionSheetElement>`

 Create an action sheet overlay with action sheet options.

+#### Parameters
+
+| Name   | Type                 | Description |
+| ------ | -------------------- | ----------- |
+| `opts` | `ActionSheetOptions` |             |
+
 #### Returns

 Type: `Promise<HTMLIonActionSheetElement>`
@@ -21,6 +27,14 @@ Type: `Promise<HTMLIonActionSheetElement>`

 Dismiss the open action sheet overlay.

+#### Parameters
+
+| Name   | Type                  | Description |
+| ------ | --------------------- | ----------- |
+| `data` | `any`                 |             |
+| `role` | `string \| undefined` |             |
+| `id`   | `string \| undefined` |             |
+
 #### Returns

 Type: `Promise<boolean>`
--- a/core/src/components/action-sheet/action-sheet.ios.scss
+++ b/core/src/components/action-sheet/action-sheet.ios.scss
@@ -6,7 +6,7 @@

 :host {
  --background: #{$action-sheet-ios-background-color};
-  --background-selected: #{$action-sheet-ios-button-background-selected};
+  --background-selected: #{$action-sheet-ios-button-background-selected)};
  --background-activated: #{$action-sheet-ios-button-background-activated};

  text-align: $action-sheet-ios-text-align;
--- a/core/src/components/action-sheet/action-sheet.scss
+++ b/core/src/components/action-sheet/action-sheet.scss
@@ -6,9 +6,8 @@
 :host {
  /**
   * @prop --background: Background of the action sheet group
-   * @prop --background-activated: Background of the action sheet button when pressed
+   * @prop --background-activated: Background of the activated action sheet button
   * @prop --background-selected: Background of the selected action sheet button
-   *
   * @prop --color: Color of the action sheet text
   *
   * @prop --min-width: Minimum width of the action sheet
@@ -103,7 +102,7 @@
 .action-sheet-group {
  flex-shrink: 2;
  overscroll-behavior-y: contain;
-  overflow-y: auto;
+  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  pointer-events: all;

--- a/core/src/components/action-sheet/action-sheet.tsx
+++ b/core/src/components/action-sheet/action-sheet.tsx
@@ -1,8 +1,7 @@
-import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Method, Prop, h } from '@stencil/core';
+import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Method, Prop } from '@stencil/core';

-import { getIonMode } from '../../global/ionic-global';
-import { ActionSheetButton, Animation, AnimationBuilder, CssClassMap, OverlayEventDetail, OverlayInterface } from '../../interface';
-import { BACKDROP, dismiss, eventMethod, isCancel, present, safeCall } from '../../utils/overlays';
+import { ActionSheetButton, Animation, AnimationBuilder, Config, CssClassMap, Mode, OverlayEventDetail, OverlayInterface } from '../../interface';
+import { BACKDROP, dismiss, eventMethod, isCancel, present } from '../../utils/overlays';
 import { getClassMap } from '../../utils/theme';

 import { iosEnterAnimation } from './animations/ios.enter';
@@ -10,9 +9,6 @@ import { iosLeaveAnimation } from './animations/ios.leave';
 import { mdEnterAnimation } from './animations/md.enter';
 import { mdLeaveAnimation } from './animations/md.leave';

-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
- */
@Component({
  tag: 'ion-action-sheet',
  styleUrls: {
@@ -25,13 +21,18 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {

  presented = false;
  animation?: Animation;
-  mode = getIonMode(this);

  @Element() el!: HTMLElement;

+  @Prop({ context: 'config' }) config!: Config;
  /** @internal */
  @Prop() overlayIndex!: number;

+  /**
+   * The mode determines which platform styles to use.
+   */
+  @Prop() mode!: Mode;
+
  /**
   * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
   */
@@ -50,7 +51,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  /**
   * An array of buttons for the action sheet.
   */
-  @Prop() buttons: (ActionSheetButton | string)[] = [];
+  @Prop() buttons!: (ActionSheetButton | string)[];

  /**
   * Additional classes to apply for custom CSS. If multiple classes are
@@ -127,12 +128,6 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {

  /**
   * Dismiss the action sheet overlay after it has been presented.
-   *
-   * @param data Any data to emit in the dismiss events.
-   * @param role The role of the element that is dismissing the action sheet.
-   * This can be useful in a button handler for determining which button was
-   * clicked to dismiss the action sheet.
-   * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
   */
  @Method()
  dismiss(data?: any, role?: string): Promise<boolean> {
@@ -140,7 +135,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  }

  /**
-   * Returns a promise that resolves when the action sheet did dismiss.
+   * Returns a promise that resolves when the action-sheet did dismiss.
   */
  @Method()
  onDidDismiss(): Promise<OverlayEventDetail> {
@@ -148,7 +143,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  }

  /**
-   * Returns a promise that resolves when the action sheet will dismiss.
+   * Returns a promise that resolves when the action-sheet will dismiss.
   *
   */
  @Method()
@@ -169,13 +164,17 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  }

  private async callButtonHandler(button: ActionSheetButton | undefined) {
-    if (button) {
+    if (button && button.handler) {
      // a handler has been provided, execute it
      // pass the handler the values from the inputs
-      const rtn = await safeCall(button.handler);
-      if (rtn === false) {
-        // if the return value of the handler is false then do not dismiss
-        return false;
+      try {
+        const rtn = await button.handler();
+        if (rtn === false) {
+          // if the return value of the handler is false then do not dismiss
+          return false;
+        }
+      } catch (e) {
+        console.error(e);
      }
    }
    return true;
@@ -190,8 +189,6 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  }

  hostData() {
-    const mode = getIonMode(this);
-
    return {
      'role': 'dialog',
      'aria-modal': 'true',
@@ -199,8 +196,6 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
        zIndex: 20000 + this.overlayIndex,
      },
      class: {
-        [mode]: true,
-
        ...getClassMap(this.cssClass),
        'action-sheet-translucent': this.translucent
      }
@@ -208,7 +203,6 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  }

  render() {
-    const mode = getIonMode(this);
    const allButtons = this.getButtons();
    const cancelButton = allButtons.find(b => b.role === 'cancel');
    const buttons = allButtons.filter(b => b.role !== 'cancel');
@@ -230,7 +224,7 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
                  {b.icon && <ion-icon icon={b.icon} lazy={false} class="action-sheet-icon" />}
                  {b.text}
                </span>
-                {mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
+                {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
              </button>
            )}
          </div>
@@ -260,11 +254,11 @@ export class ActionSheet implements ComponentInterface, OverlayInterface {
  }
 }

-const buttonClass = (button: ActionSheetButton): CssClassMap => {
+function buttonClass(button: ActionSheetButton): CssClassMap {
  return {
    'action-sheet-button': true,
    'ion-activatable': true,
    [`action-sheet-${button.role}`]: button.role !== undefined,
    ...getClassMap(button.cssClass),
  };
-};
+}
--- a/core/src/components/action-sheet/animations/ios.enter.ts
+++ b/core/src/components/action-sheet/animations/ios.enter.ts
@@ -3,7 +3,7 @@ import { Animation } from '../../../interface';
 /**
 * iOS Action Sheet Enter Animation
 */
-export const iosEnterAnimation = (AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> => {
+export function iosEnterAnimation(AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> {
  const baseAnimation = new AnimationC();

  const backdropAnimation = new AnimationC();
@@ -24,4 +24,4 @@ export const iosEnterAnimation = (AnimationC: Animation, baseEl: HTMLElement): P
    .add(wrapperAnimation);

  return Promise.resolve(ani);
-};
+}
--- a/core/src/components/action-sheet/animations/ios.leave.ts
+++ b/core/src/components/action-sheet/animations/ios.leave.ts
@@ -3,7 +3,7 @@ import { Animation } from '../../../interface';
 /**
 * iOS Action Sheet Leave Animation
 */
-export const iosLeaveAnimation = (AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> => {
+export function iosLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> {
  const baseAnimation = new AnimationC();

  const backdropAnimation = new AnimationC();
@@ -24,4 +24,4 @@ export const iosLeaveAnimation = (AnimationC: Animation, baseEl: HTMLElement): P
    .add(wrapperAnimation);

  return Promise.resolve(ani);
-};
+}
--- a/core/src/components/action-sheet/animations/md.enter.ts
+++ b/core/src/components/action-sheet/animations/md.enter.ts
@@ -4,7 +4,7 @@ import { Animation } from '../../../interface';
 /**
 * MD Action Sheet Enter Animation
 */
-export const mdEnterAnimation = (AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> => {
+export function mdEnterAnimation(AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> {
  const baseAnimation = new AnimationC();

  const backdropAnimation = new AnimationC();
@@ -24,4 +24,4 @@ export const mdEnterAnimation = (AnimationC: Animation, baseEl: HTMLElement): Pr
    .add(wrapperAnimation);

  return Promise.resolve(ani);
-};
+}
--- a/core/src/components/action-sheet/animations/md.leave.ts
+++ b/core/src/components/action-sheet/animations/md.leave.ts
@@ -3,7 +3,7 @@ import { Animation } from '../../../interface';
 /**
 * MD Action Sheet Leave Animation
 */
-export const mdLeaveAnimation = (AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> => {
+export function mdLeaveAnimation(AnimationC: Animation, baseEl: HTMLElement): Promise<Animation> {

  const baseAnimation = new AnimationC();

@@ -24,4 +24,4 @@ export const mdLeaveAnimation = (AnimationC: Animation, baseEl: HTMLElement): Pr
    .add(wrapperAnimation);

  return Promise.resolve(ani);
-};
+}
--- a/core/src/components/action-sheet/readme.md
+++ b/core/src/components/action-sheet/readme.md
@@ -123,156 +123,32 @@ async function presentActionSheet() {
 ```


-### React
-
-```typescript
-import React, { useState } from 'react'
-import { IonActionSheet, IonContent, IonButton } from '@ionic/react';
-
-export const ActionSheetExample: React.FunctionComponent = () => {
-
-  const [showActionSheet, setShowActionSheet] = useState(false);
-
-  return (
-    <IonContent>
-      <IonButton onClick={() => setShowActionSheet(true)} expand="block">Show Action Sheet</IonButton>
-      <IonActionSheet
-        isOpen={showActionSheet}
-        onDidDismiss={() => setShowActionSheet(false)}
-        buttons={[{
-          text: 'Delete',
-          role: 'destructive',
-          icon: 'trash',
-          handler: () => {
-            console.log('Delete clicked');
-          }
-        }, {
-          text: 'Share',
-          icon: 'share',
-          handler: () => {
-            console.log('Share clicked');
-          }
-        }, {
-          text: 'Play (open modal)',
-          icon: 'arrow-dropright-circle',
-          handler: () => {
-            console.log('Play clicked');
-          }
-        }, {
-          text: 'Favorite',
-          icon: 'heart',
-          handler: () => {
-            console.log('Favorite clicked');
-          }
-        }, {
-          text: 'Cancel',
-          icon: 'close',
-          role: 'cancel',
-          handler: () => {
-            console.log('Cancel clicked');
-          }
-        }]}
-      >
-      </IonActionSheet>
-    </IonContent>
-
-  );
-
-}
-
-```
-
-
-### Vue
-
-```html
-<template>
-  <IonVuePage :title="'Action Sheet'">
-    <ion-button @click="presentActionSheet">Show Action Sheet</ion-button>
-  </IonVuePage>
-</template>
-
-<script>
-export default {
-  methods: {
-    presentActionSheet() {
-      return this.$ionic.actionSheetController
-        .create({
-          header: 'Albums',
-          buttons: [
-            {
-              text: 'Delete',
-              role: 'destructive',
-              icon: 'trash',
-              handler: () => {
-                console.log('Delete clicked')
-              },
-            },
-            {
-              text: 'Share',
-              icon: 'share',
-              handler: () => {
-                console.log('Share clicked')
-              },
-            },
-            {
-              text: 'Play (open modal)',
-              icon: 'arrow-dropright-circle',
-              handler: () => {
-                console.log('Play clicked')
-              },
-            },
-            {
-              text: 'Favorite',
-              icon: 'heart',
-              handler: () => {
-                console.log('Favorite clicked')
-              },
-            },
-            {
-              text: 'Cancel',
-              icon: 'close',
-              role: 'cancel',
-              handler: () => {
-                console.log('Cancel clicked')
-              },
-            },
-          ],
-        })
-        .then(a => a.present())
-    },
-  },
-}
-</script>
-```
-
-

 ## Properties

-| Property          | Attribute          | Description                                                                                                                     | Type                                                                                   | Default     |
-| ----------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
-| `animated`        | `animated`         | If `true`, the action sheet will animate.                                                                                       | `boolean`                                                                              | `true`      |
-| `backdropDismiss` | `backdrop-dismiss` | If `true`, the action sheet will be dismissed when the backdrop is clicked.                                                     | `boolean`                                                                              | `true`      |
-| `buttons`         | --                 | An array of buttons for the action sheet.                                                                                       | `(string \| ActionSheetButton)[]`                                                      | `[]`        |
-| `cssClass`        | `css-class`        | Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.                | `string \| string[] \| undefined`                                                      | `undefined` |
-| `enterAnimation`  | --                 | Animation to use when the action sheet is presented.                                                                            | `((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) \| undefined` | `undefined` |
-| `header`          | `header`           | Title for the action sheet.                                                                                                     | `string \| undefined`                                                                  | `undefined` |
-| `keyboardClose`   | `keyboard-close`   | If `true`, the keyboard will be automatically dismissed when the overlay is presented.                                          | `boolean`                                                                              | `true`      |
-| `leaveAnimation`  | --                 | Animation to use when the action sheet is dismissed.                                                                            | `((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) \| undefined` | `undefined` |
-| `mode`            | `mode`             | The mode determines which platform styles to use.                                                                               | `"ios" \| "md"`                                                                        | `undefined` |
-| `subHeader`       | `sub-header`       | Subtitle for the action sheet.                                                                                                  | `string \| undefined`                                                                  | `undefined` |
-| `translucent`     | `translucent`      | If `true`, the action sheet will be translucent. Only applies when the mode is `"ios"` and the device supports backdrop-filter. | `boolean`                                                                              | `false`     |
+| Property               | Attribute          | Description                                                                                                                     | Type                                                                                   | Default     |
+| ---------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
+| `animated`             | `animated`         | If `true`, the action sheet will animate.                                                                                       | `boolean`                                                                              | `true`      |
+| `backdropDismiss`      | `backdrop-dismiss` | If `true`, the action sheet will be dismissed when the backdrop is clicked.                                                     | `boolean`                                                                              | `true`      |
+| `buttons` _(required)_ | --                 | An array of buttons for the action sheet.                                                                                       | `(string \| ActionSheetButton)[]`                                                      | `undefined` |
+| `cssClass`             | `css-class`        | Additional classes to apply for custom CSS. If multiple classes are provided they should be separated by spaces.                | `string \| string[] \| undefined`                                                      | `undefined` |
+| `enterAnimation`       | --                 | Animation to use when the action sheet is presented.                                                                            | `((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) \| undefined` | `undefined` |
+| `header`               | `header`           | Title for the action sheet.                                                                                                     | `string \| undefined`                                                                  | `undefined` |
+| `keyboardClose`        | `keyboard-close`   | If `true`, the keyboard will be automatically dismissed when the overlay is presented.                                          | `boolean`                                                                              | `true`      |
+| `leaveAnimation`       | --                 | Animation to use when the action sheet is dismissed.                                                                            | `((Animation: Animation, baseEl: any, opts?: any) => Promise<Animation>) \| undefined` | `undefined` |
+| `mode`                 | `mode`             | The mode determines which platform styles to use.                                                                               | `"ios" \| "md"`                                                                        | `undefined` |
+| `subHeader`            | `sub-header`       | Subtitle for the action sheet.                                                                                                  | `string \| undefined`                                                                  | `undefined` |
+| `translucent`          | `translucent`      | If `true`, the action sheet will be translucent. Only applies when the mode is `"ios"` and the device supports backdrop-filter. | `boolean`                                                                              | `false`     |


 ## Events

-| Event                       | Description                             | Type                                   |
-| --------------------------- | --------------------------------------- | -------------------------------------- |
-| `ionActionSheetDidDismiss`  | Emitted after the alert has dismissed.  | `CustomEvent<OverlayEventDetail<any>>` |
-| `ionActionSheetDidPresent`  | Emitted after the alert has presented.  | `CustomEvent<void>`                    |
-| `ionActionSheetWillDismiss` | Emitted before the alert has dismissed. | `CustomEvent<OverlayEventDetail<any>>` |
-| `ionActionSheetWillPresent` | Emitted before the alert has presented. | `CustomEvent<void>`                    |
+| Event                       | Description                             | Type                              |
+| --------------------------- | --------------------------------------- | --------------------------------- |
+| `ionActionSheetDidDismiss`  | Emitted after the alert has dismissed.  | `CustomEvent<OverlayEventDetail>` |
+| `ionActionSheetDidPresent`  | Emitted after the alert has presented.  | `CustomEvent<void>`               |
+| `ionActionSheetWillDismiss` | Emitted before the alert has dismissed. | `CustomEvent<OverlayEventDetail>` |
+| `ionActionSheetWillPresent` | Emitted before the alert has presented. | `CustomEvent<void>`               |


 ## Methods
@@ -281,6 +157,13 @@ export default {

 Dismiss the action sheet overlay after it has been presented.

+#### Parameters
+
+| Name   | Type                  | Description |
+| ------ | --------------------- | ----------- |
+| `data` | `any`                 |             |
+| `role` | `string \| undefined` |             |
+
 #### Returns

 Type: `Promise<boolean>`
@@ -289,7 +172,7 @@ Type: `Promise<boolean>`

 ### `onDidDismiss() => Promise<OverlayEventDetail<any>>`

-Returns a promise that resolves when the action sheet did dismiss.
+Returns a promise that resolves when the action-sheet did dismiss.

 #### Returns

@@ -299,7 +182,7 @@ Type: `Promise<OverlayEventDetail<any>>`

 ### `onWillDismiss() => Promise<OverlayEventDetail<any>>`

-Returns a promise that resolves when the action sheet will dismiss.
+Returns a promise that resolves when the action-sheet will dismiss.

 #### Returns

@@ -320,37 +203,20 @@ Type: `Promise<void>`

 ## CSS Custom Properties

-| Name                     | Description                                        |
-| ------------------------ | -------------------------------------------------- |
-| `--background`           | Background of the action sheet group               |
-| `--background-activated` | Background of the action sheet button when pressed |
-| `--background-selected`  | Background of the selected action sheet button     |
-| `--color`                | Color of the action sheet text                     |
-| `--height`               | height of the action sheet                         |
-| `--max-height`           | Maximum height of the action sheet                 |
-| `--max-width`            | Maximum width of the action sheet                  |
-| `--min-height`           | Minimum height of the action sheet                 |
-| `--min-width`            | Minimum width of the action sheet                  |
-| `--width`                | Width of the action sheet                          |
+| Name                     | Description                                     |
+| ------------------------ | ----------------------------------------------- |
+| `--background`           | Background of the action sheet group            |
+| `--background-activated` | Background of the activated action sheet button |
+| `--background-selected`  | Background of the selected action sheet button  |
+| `--color`                | Color of the action sheet text                  |
+| `--height`               | height of the action sheet                      |
+| `--max-height`           | Maximum height of the action sheet              |
+| `--max-width`            | Maximum width of the action sheet               |
+| `--min-height`           | Minimum height of the action sheet              |
+| `--min-width`            | Minimum width of the action sheet               |
+| `--width`                | Width of the action sheet                       |


-## Dependencies
-
-### Depends on
-
- [ion-backdrop](../backdrop)
- ion-icon
- [ion-ripple-effect](../ripple-effect)
-
-### Graph
-```mermaid
-graph TD;
-  ion-action-sheet --> ion-backdrop
-  ion-action-sheet --> ion-icon
-  ion-action-sheet --> ion-ripple-effect
-  style ion-action-sheet fill:#f9f,stroke:#333,stroke-width:4px
-```
-
 ----------------------------------------------

 *Built with [StencilJS](https://stenciljs.com/)*
--- a/core/src/components/action-sheet/test/basic/e2e.ts
+++ b/core/src/components/action-sheet/test/basic/e2e.ts
@@ -1,71 +1,91 @@
-import { testActionSheet, testActionSheetAlert, testActionSheetBackdrop } from '../test.utils';
-
-const DIRECTORY = 'basic';
+import { newE2EPage } from '@stencil/core/testing';

 test('action-sheet: basic', async () => {
-  await testActionSheet(DIRECTORY, '#basic');
+  await openActionSheet('#basic');
 });

 test('action-sheet: basic, alert from action sheet', async () => {
-  await testActionSheet(DIRECTORY, '#alertFromActionSheet', false, testActionSheetAlert);
+  await openActionSheet('#alertFromActionSheet');
 });

 test('action-sheet: basic, cancel only', async () => {
-  await testActionSheet(DIRECTORY, '#cancelOnly');
+  await openActionSheet('#cancelOnly');
 });

 test('action-sheet: basic, custom', async () => {
-  await testActionSheet(DIRECTORY, '#custom');
+  await openActionSheet('#custom');
 });

 test('action-sheet: basic, icons', async () => {
-  await testActionSheet(DIRECTORY, '#icons');
+  await openActionSheet('#icons');
 });

 test('action-sheet: basic, no backdrop dismiss', async () => {
-  await testActionSheet(DIRECTORY, '#noBackdropDismiss', false, testActionSheetBackdrop);
+  await openActionSheet('#noBackdropDismiss');
 });

 test('action-sheet: basic, scrollable options', async () => {
-  await testActionSheet(DIRECTORY, '#scrollableOptions');
+  await openActionSheet('#scrollableOptions');
 });

 test('action-sheet: basic, scroll without cancel', async () => {
-  await testActionSheet(DIRECTORY, '#scrollWithoutCancel');
+  await openActionSheet('#scrollWithoutCancel');
 });

-/**
- * RTL Tests
- */
+// Opens an action sheet on button click
+async function openActionSheet(selector: string) {
+  const page = await newE2EPage({
+    url: `/src/components/action-sheet/test/basic?ionic:_testing=true`
+  });

-test('action-sheet:rtl: basic', async () => {
-  await testActionSheet(DIRECTORY, '#basic', true);
-});
+  const compares = [];

-test('action-sheet:rtl: basic, alert from action sheet', async () => {
-  await testActionSheet(DIRECTORY, '#alertFromActionSheet', true, testActionSheetAlert);
-});
+  await page.click(selector);

-test('action-sheet:rtl: basic, cancel only', async () => {
-  await testActionSheet(DIRECTORY, '#cancelOnly', true);
-});
+  let actionSheet = await page.find('ion-action-sheet');
+  expect(actionSheet).not.toBe(null);
+  await actionSheet.waitForVisible();

-test('action-sheet:rtl: basic, custom', async () => {
-  await testActionSheet(DIRECTORY, '#custom', true);
-});
+  compares.push(await page.compareScreenshot());

-test('action-sheet:rtl: basic, icons', async () => {
-  await testActionSheet(DIRECTORY, '#icons', true);
-});
+  if (selector === '#alertFromActionSheet') {
+    const openAlertBtn = await page.find({ text: 'Open Alert' });
+    await openAlertBtn.click();

-test('action-sheet:rtl: basic, no backdrop dismiss', async () => {
-  await testActionSheet(DIRECTORY, '#noBackdropDismiss', true, testActionSheetBackdrop);
-});
+    const alert = await page.find('ion-alert');
+    await alert.waitForVisible();
+    await page.waitFor(250);

-test('action-sheet:rtl: basic, scrollable options', async () => {
-  await testActionSheet(DIRECTORY, '#scrollableOptions', true);
-});
+    compares.push(await page.compareScreenshot(`alert open`));

-test('action-sheet:rtl: basic, scroll without cancel', async () => {
-  await testActionSheet(DIRECTORY, '#scrollWithoutCancel', true);
-});
+    const alertOkayBtn = await page.find({ contains: 'Okay' });
+    await alertOkayBtn.click();
+  }
+
+  if (selector === '#noBackdropDismiss') {
+    const backdrop = await page.find('ion-backdrop');
+    await backdrop.click();
+
+    compares.push(await page.compareScreenshot(`dismissed`));
+
+    const isVisible = await actionSheet.isVisible();
+    expect(isVisible).toBe(true);
+
+    const cancel = await page.find('.action-sheet-cancel');
+    await cancel.click();
+
+    await actionSheet.waitForNotVisible();
+  } else {
+    await actionSheet.callMethod('dismiss');
+    await actionSheet.waitForNotVisible();
+
+    compares.push(await page.compareScreenshot(`dismissed`));
+  }
+
+  actionSheet = await page.find('ion-action-sheet');
+  expect(actionSheet).toBe(null);
+
+  for (const compare of compares) {
+    expect(compare).toMatchScreenshot();
+  }
+}
--- a/core/src/components/action-sheet/test/basic/index.html
+++ b/core/src/components/action-sheet/test/basic/index.html
@@ -8,8 +8,8 @@
  <link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
  <link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
  <script src="../../../../../scripts/testing/scripts.js"></script>
-  <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-  <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script></head>
+  <script src="../../../../../dist/ionic.js"></script>
+</head>

 <body>
  <ion-app>
@@ -22,7 +22,7 @@
      </ion-toolbar>
    </ion-header>

-    <ion-content class="ion-padding">
+    <ion-content padding>
      <ion-button expand="block" id="basic" onclick="presentBasic()">Basic</ion-button>
      <ion-button expand="block" id="alertFromActionSheet" onclick="presentAlert()">Alert from Action Sheet</ion-button>
      <ion-button expand="block" id="cancelOnly" onclick="presentCancelOnly()">Cancel Only</ion-button>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Brandy Carney	bd1f207db5	comment	2019-02-20 11:36:23 -05:00
Brandy Carney	cc91da867e	4.0.2	2019-02-20 11:36:03 -05:00
Liam DeBeasi	3a9b679962	fix(button): show proper shade for activated button on ios (#17508 ) fixes #17436	2019-02-20 10:22:29 -06:00
Brandy Carney	2bdaadddfb	docs(process): update process documentation	2019-02-20 10:22:15 -06:00
Liam DeBeasi	644f9f4627	fix(datetime): default to current date when no value given (#17443 ) * fix(datetime): default to current date when no value given * test(datetime): add spec test * move getDateValue to utils	2019-02-20 10:21:56 -06:00
Liam DeBeasi	e27bb2e862	fix(item-sliding): Sliding no longer breaks after removing an item (#17492 ) * fix(item-sliding): Sliding no longer breaks after removing an item * run linter	2019-02-20 10:21:31 -06:00
Liam DeBeasi	f9f1775241	fix(select): Account for when options are not loaded immediately (#17405 ) * Added logging to begin debugging issue * identify potential fix, add test * fix(select): render when options are loaded after a delay * fix linter issues * fix e2e test * fix edge case with if statement	2019-02-20 10:20:23 -06:00