|  | 
|  | 1 | +## 3.0.0 (10.10.2022) | 
|  | 2 | + | 
|  | 3 | +This version requires Angular v14 and Node 14.15.0 (or later). Follow the [Angular update guide](https://update.angular.io/?l=3&v=13.0-14.0) to migrate your project to Angular 14: | 
|  | 4 | + | 
|  | 5 | +### Breaking changes: | 
|  | 6 | + | 
|  | 7 | +- Added support for Angular 14, this Angular version is now required, | 
|  | 8 | +- Removed `~` from styles imports, this syntax is now deprecated | 
|  | 9 | +- Updated [calendar](https://mdbootstrap.com/docs/angular/plugins/calendar/) plugin: | 
|  | 10 | +  - redesigned toolbar, events, views and modals | 
|  | 11 | +  - replaced view toggle buttons with select | 
|  | 12 | +  - created an `Add event` button | 
|  | 13 | +  - added [blur](https://mdbootstrap.com/docs/angular/plugins/calendar/#section-blur/) option to style past events | 
|  | 14 | +  - improved long events styling | 
|  | 15 | +  - improved responsiveness | 
|  | 16 | +- Design changes: | 
|  | 17 | +  - Changed shadows for components such as [card](https://mdbootstrap.com/docs/angular/components/cards/), [popover](https://mdbootstrap.com/docs/angular/components/popovers/), [toast](https://mdbootstrap.com/docs/angular/components/toasts/), [modal](https://mdbootstrap.com/docs/angular/components/modal/), [image hoverable](https://mdbootstrap.com/docs/angular/content-styles/images/), [dropdown menu](https://mdbootstrap.com/docs/angular/components/dropdowns/), [popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/) | 
|  | 18 | +  - Changed styling of border for [card](https://mdbootstrap.com/docs/angular/components/cards/), [modal](https://mdbootstrap.com/docs/angular/components/modal/), header and footer | 
|  | 19 | +  - Changed [table](https://mdbootstrap.com/docs/angular/data/tables/) font weight and text color | 
|  | 20 | +  - Changed [checkbox](https://mdbootstrap.com/docs/angular/forms/checkbox/) and [radio](https://mdbootstrap.com/docs/angular/forms/radio/) border color | 
|  | 21 | +  - Changed [switch](https://mdbootstrap.com/docs/angular/forms/switch/) background color | 
|  | 22 | +  - Changed [checkbox](https://mdbootstrap.com/docs/angular/forms/checkbox/) border radius size | 
|  | 23 | +  - Changed [list group](https://mdbootstrap.com/docs/angular/components/list-group/), [pagination](https://mdbootstrap.com/docs/angular/navigation/pagination/) and [dropdown](https://mdbootstrap.com/docs/angular/components/dropdowns/) text color as it is in the body | 
|  | 24 | +  - Changed [toast](https://mdbootstrap.com/docs/angular/components/toasts/) color palette | 
|  | 25 | +  - Changed [datatables](https://mdbootstrap.com/docs/angular/data/datatables/) striped and hover background color as it is in the usual table | 
|  | 26 | +  - Changed [select](https://mdbootstrap.com/docs/angular/forms/select/) states background colors | 
|  | 27 | +  - Changed [sidenav](https://mdbootstrap.com/docs/angular/navigation/sidenav/) icons colors and width of the slim version | 
|  | 28 | +  - Added new [toast](https://mdbootstrap.com/docs/angular/components/toasts/) color classes that replaced background color classes. Old: `toast bg-primary`. New: `toast toast-primary` | 
|  | 29 | + | 
|  | 30 | +### Fixes and improvements: | 
|  | 31 | + | 
|  | 32 | +- [Lightbox](https://mdbootstrap.com/docs/angular/components/lightbox/) | 
|  | 33 | +  - Resolved problems with zoom | 
|  | 34 | +  - Resolved problems with swipe on mobile devices | 
|  | 35 | +  - Resolved problem with display of smaller images | 
|  | 36 | +  - Fixed image position in fullscreen mode | 
|  | 37 | +  - Disabled elements will no longer be displayed inside the component modal | 
|  | 38 | +- Fixed problems with `rebuild` method in [charts](https://mdbootstrap.com/docs/angular/data/charts/) | 
|  | 39 | +- Replaced hardcoded color values with SCSS variables in [autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) and [select](https://mdbootstrap.com/docs/angular/forms/select/) | 
|  | 40 | +- Resolved problem with [carousel](https://mdbootstrap.com/docs/angular/components/carousel/) animations inside a component with OnPush change detection strategy | 
|  | 41 | +- Position of dropdown menus in all components will be now correctly updated on scroll event | 
|  | 42 | +- Resolved problem with fade animation in [tabs](https://mdbootstrap.com/docs/angular/components/tabs/) | 
|  | 43 | +- Label values in [select](https://mdbootstrap.com/docs/angular/forms/select/) will be now dynamically updated on option label change | 
|  | 44 | +- All event listeners in the [WYSIWYG](https://mdbootstrap.com/docs/angular/plugins/wysiwyg-editor/) plugin will be now correctly removed when component is destroyed | 
|  | 45 | +- Resolved problem with [input](https://mdbootstrap.com/docs/angular/forms/input-fields/) label position when browser autofill is used | 
|  | 46 | + | 
|  | 47 | +### New: | 
|  | 48 | + | 
|  | 49 | +- Addew new [countdown plugin](https://mdbootstrap.com/docs/angular/plugins/countdown/)</a> | 
|  | 50 | +- Addew new [input mask plugin](https://mdbootstrap.com/docs/angular/plugins/input-mask/) | 
|  | 51 | +- Addew new [parallax plugin](https://mdbootstrap.com/docs/angular/plugins/parallax/) | 
|  | 52 | +- Addew new [multi range component](https://mdbootstrap.com/docs/angular/components/multi-range-slider/) | 
|  | 53 | +- Added new `[fade]` input that allow to toggle fade animations in [tabs](https://mdbootstrap.com/docs/angular/components/tabs/) | 
|  | 54 | + | 
|  | 55 | +### Design updates: | 
|  | 56 | + | 
|  | 57 | +- Updated icon colors of basic light navbar and footer with secondary color | 
|  | 58 | +- Added new horizontal dividers classes `.hr` and `.hr-blurry` | 
|  | 59 | +- Updated styles of vertical divider class `.vr` and add new class `.vr-blurry` | 
|  | 60 | +- Added new sidenav with menu categories and class `.sidenav-sm` | 
|  | 61 | +- Added new `object-fit` and `object-position` utilities | 
|  | 62 | + | 
|  | 63 | +### Removed: | 
|  | 64 | + | 
|  | 65 | +- Deprecated button close classes. Old: `.close`. New: `.btn-close` and `.btn-close-white` | 
|  | 66 | +- Deprecated embed classes. Old: `.embed`. New: `.ratio` | 
|  | 67 | +- Deprecated flag classes. Check [flags](https://mdbootstrap.com/docs/angular/content-styles/flags/) docs | 
|  | 68 | +- Deprecated utils | 
|  | 69 | + | 
|  | 70 | +### Deprecated: | 
|  | 71 | + | 
|  | 72 | +- `.divider-horizontal` and `.divider-horizontal-blurry` | 
|  | 73 | +- `.divider-vertical` and `.divider-vertical-blurry` | 
|  | 74 | + | 
|  | 75 | +--- | 
|  | 76 | + | 
| 1 | 77 | ## 2.3.0 (27.06.2022) | 
| 2 | 78 | 
 | 
| 3 | 79 | ### Fixes and improvements | 
|  | 
0 commit comments