4.7.1

Bug Fixes

• angular: ensure change detection fires properly (#18896) (962783b), closes #18894

4.7.0 Nitrogen

Angular 8 Support

With this version comes support for Angular 8! Follow the below steps to update.

1. Update @ionic/angular and @ionic/angular-toolkit to the latest releases:

   $ npm install @ionic/[email protected]
   $ npm install @ionic/[email protected] -D

2. Update @angular/core and @angular/cli:

   $ npx ng update @angular/core @angular/cli

3. Update @angular-devkit dependencies:

   $ npm i @angular-devkit/architect@latest @angular-devkit/build-angular@latest @angular-devkit/core@latest @angular-devkit/schematics@latest

View our Angular 8 Update Guide for tips on potential issues!

Bug Fixes

• angular: copy input form classes to parent ion-item (#18820) (53179c4), closes #18800
• angular: add the swipeGesture method for enabling or disabling the ability to swipe open a menu (#18806) (fbfc076), closes #16002
• angular: webview "pause", "resume", and "resize" events now trigger change detection (#18853) (544e550), closes #18831
• core: apply translucent if backdrop-filter is supported (#18832) (6b5a59d), closes ionic-team/ionic-docs#666
• datetime: allow AM/PM to be changed (#18684) (b7761fe), closes #18585
• datetime: properly apply disabled classes when updating columns (#18875) (7ba718c), closes #18793
• hardware-back-button: hardware back button no longer erroneously restarts app (#18794) (978cc39), closes #18792
• ripple-effect: ensure ripple is removed from components after pointer release (#18854) (71137a2), closes #18836
• searchbar: add aria and role for improved accessibility (#18797) (798103b), closes #18796
• ssr: avoid window reference (#18865) (23ce6fa)
• ssr: check for client runtime method (#18866) (c52b3b4)
• textarea: autogrow now resets textarea back to original number of rows when text is cleared (#18822) (26e6d6f), closes #18744
• theming: update components to use the proper colors for dark themes (#18735) (045bc59), closes #18713
• virtual-scroll: card rendering is no longer distorted (#18877) (3ef6ecf), closes #18870
• virtual-scroll: element dimensions are recalculated on resize (#18878) (c91819c)

Features

• core: add support for Stackblitz (#18846) (fb18f3b)
• ssr: add @ionic/core/hydrate app (#18867) (815fa2e)
• navigation: add experimental shadow to iOS page transitions (#18695) (9b075ef), closes #18661
• virtual-scroll: adds headerHeight and footerHeight to help prevent flickering (#18851) (0089111), closes #17540

Performance

• angular: attach entering view before first change detection and detach leaving page (#18821) (97fec92)

4.6.2

Bug Fixes

• menu-button: hide menu button when auto hide or split pane (#18702) (24840d4), closes #18666
• menu-button: move font-size to host for easier customization (#18699) (876ab41), closes #18667
• overlays: fallback to step color if overlay background variable is unset (#18709) (f16b118), closes #18658
• virtual-scroll: remove runOutsideAngular error (#18752) (8beeff2), closes #18746
• vue: update imports for types and ionicons (f56fea6), closes #18701

Performance Improvements

• all: minify better by using arrow functions (#18730) (03c1d19)

4.6.1

Bug Fixes

• app: add hydrated to hide white screen with multiple ionic dependencies (#18649)
• datetime: datetime no longer reports having a value if none is set (#18541) (92e0f98), closes #17979 #18540
• fab-button: set opacity on disabled fab button (#18685) (6042b39), closes #18682
• icon: load icons properly with baseHref (#18650), (#18637)
• icon: bind icon name properly (#18707)
• infinite-scroll: fix scroll listener (0d58101)
• item: do not disable entire item if there are multiple inputs (#18696) (dfa2b13), closes #18655 #18670
• router-link: add missing target prop (#18659) (1f51ab2), closes #18655
• router-outlet: fix swipe to go back (b69fb69)
• scss: copy all scss files (36a58df)
• searchbar: proper styling after navigating (#18642)
• slides: use correct order for pushing slides dynamically (#18633)
• tabs: select proper tab by default and do not emit tab change if selectedTab is undefined (03c834c)
• overlay: make create opts optional (44c88ad)

Performance Improvements

• angular: skip zone (e059fc8)

4.6.0 Carbon

Bug Fixes

• button: default opacity for disabled clear buttons (#18560) (f48dc3d), closes #18555
• button: update solid buttons to use tint and shade colors (#18537) (26ecf2b)
• menu: change ARIA role from complementary to navigation (#18330) (9e4346b), closes #18318
• segment: apply hover properly for segment with color (#18549) (78e477b)
• segment: default ripple to currentColor (#18547) (832306c)

Features

• components: add missing button/a props to components that render them (#17883) (eca4121), closes #16848 #16889
• fab-button: add hover state using tint colors (#18536) (ad00679), closes #17624
• item: add hover and focused states (#18606) (8a88dd2), closes #18279 #17624
• router-link: add router-link and deprecate anchor (#18620) (d4c7b03)

Enhancements

• stencil: update to Stencil One to improve app performance 🎉🎊 (b40f7d3)

4.5.0 Boron

Bug Fixes

• angular: ensure all NavigationExtras values are preserved when navigating (#18468) (7610787), closes #18469
• button: set opacity on the host element for disabled button (#18509) (320719b), closes #16965
• button: use correct border-radius on menu and back button (#18501) (055e125), closes #17624
• button: use correct size on a dynamic button in an item (#18395) (a3e23fc), closes #18085
• card: remove white space from bottom of card (#18328) (d53e7aa)
• content: prevent ion-searchbar from receiving padding adjustment when keyboard is open (#18008) (b2290a6), closes #18007
• datetime: recalculate time columns on change (#18380) (292b24a)
• item: start align the content under stacked and floating labels (#18379) (f0af707), closes #16375
• item: inherit overflow to allow better customization (#18502) (8d2a47e), closes #17670
• item: use a step color if the activated background is not set (#18450) (1899c13), closes #18449
• item-sliding: use the correct gesture direction and side for rtl (#18366) (4545100), closes #17012
• label: include the ion-text-wrap class styles for larger font (#18374) (4bba540)
• platform: prevent error with Platform.is on Android 4.4 (#18387) (54bdb36)
• react: ensure element exists in controller before dismissing it (0fd3e5d)
• slides: resolve issue where double tap to zoom was enabled by default (10de1da), closes #18035
• tabs: allow selection on enter and spacebar press (#18381) (11cde99), closes #18363
• textarea: inherit white-space for better customization (#18508) (a583902), closes #18495
• virtual-scroll: do not crash with an empty cell list (#17799) (20c146e)

Features

• back-button: add variables and support for focused and hover states (#18451) (58672fb), closes #18465
• button: add variables for customizing hover state (#18499) (5c5934b), closes #17974
• item-divider: add inner padding CSS variables (#18490) (35c143a), closes #18484
• menu-button: add variables for hover and focused states (#18434) (5ba0aa9), closes #18279
• searchbar: add cancel button options (b959e0b)
• toast: allow html content (#18423) (c8104a2)

4.4.2

Bug Fixes

• angular: account for query params and fragments within a string when navigating (#18356) (b79f68a)

4.4.1

Bug Fixes

• angular: ensure active page is not removed from change detection (#18299) (b8d4961), closes #18293
• angular: preserve queryParams and fragment when going back (#18298) (bdd5109), closes #16744
• buttons: use theme/color toolbar colors for buttons (#18191) (0511989), closes #18184 #17840
• datetime: update label direction in RTL (#18340) (17345ef)
• fab: position fab buttons properly in RTL (#18325) (845def8), references #17012
• icon: remove stroke and move fill to host element (#18241) (394cf8d), closes #16483
• input: keep entire input in view when scrolling with keyboard open (#18253) (3cad778), closes #17457
• label: position floating/stacked labels properly in RTL (#18315) (00a27dc), references #17012
• loading: allow html content (#18242) (a6cb5f2), closes #18135
• overlay: hide scrollbars on non-scrollable content (#16767) (875d563), closes #14178
• picker: update the column positions in RTL (#18339) (788a56c), closes #17012
• range: update border-radius on range pin for RTL (#18321) (4855351), closes #17012
• searchbar: position buttons properly in RTL (#18325) (845def8), references #17012
• segment: update segment border for RTL (#18326) (805b225), closes #17012
• slides: allow clicks to propagate to buttons (#16728) (a8f9dfe)
• tab-button: apply background-focused when tabbing into tab button (#17502) (d788a8e), closes #17042
• tabs: position badge properly in RTL (only in Chrome) (#18325) (845def8), references #17012
• tabs: select the tab called by the select method after initialization (#18300) (da38647), closes #17957
• toggle: position toggle icon properly in RTL (#18325) (845def8), references #17012
• toolbar: update md toolbar button spacing and padding to match spec (#17537) (fa87e35), closes #16950 #14444

4.4.0 Beryllium

Bug Fixes

• button: apply round property to button sizes in iOS (#18125) (ae0eccc), closes #18108
• datetime: default to current date when value is null (#18105) (ca233b5), closes #18099
• input: clear on edit from inside native input (#17115) (85093d6), closes #17055
• item: use the global activated background for md ripple color (#16752) (95945c0), closes #16585
• label: use primary color on focus for md input labels (#18183) (ddb8ef8), closes #15602
• menu add prefixed transform for side menu animation (#18128) (2457a23), closes #17729
• reorder-group: remove required parameter for the complete method (#18084) (bd96491), closes #16302
• segment: decrease icon size on ios and stretch segment buttons to fill height (#17751) (0fa645b), closes #17069
• textarea: reposition textarea when keyboard appears (#18098) (3cdab10), closes #17847
• toast: allow button-color CSS variable to be overridden (#18133) (0c83fd3), closes #18127

Features

• card: add button functionality (#17997) (669ec0d), closes #17773
• img: add ionImgWillLoad event and emit ionImgDidLoad when image is loaded (#18159) (38ffb98), closes #17652 #18161
• item-sliding: add open method (#17964) (f912206), closes #17899
• menu-button: add css variables for padding (#18188) (ef98977), closes #18187
• refresher: add pullFactor property to control speed (#16697) (9030dcc), closes #15425
• searchbar: add disabled property (#17935) (a5b9066), closes #17921
• textarea: add option to expand textarea as value changes (#16916) (cc8678a)

4.3.1

Bug Fixes

• angular: support replaceUrl with angular <7.2 (#18106) (eb3cbe4)
• security: sanitize components using innerHTML (#18146) (b839e6f)