- Updated Bootstrap to 5.1.3 version.
- Charts - resolved problem with
chartjs-plugin-datalabels
configuration, - Carousel - component should now work correctly inside components with
OnPush
change detection strategy, - Table - updated
dataSource
type to resolve problem with asynchronous data and async pipe, - File upload plugin - resolved problem with extensions handled by the
acceptedExtensions
input, - Popconfirm - target element will be now optional in modal display mode,
- Sidenav - resolved problem with
child.querySelector is not a function
error when usingngFor
directive to render sidenav items, - Popover -
mdbPopover
input will now correctly accept value withTemplateRef
type.
- Dropdown - added new
closeOnOutsideClick
,closeOnItemClick
,closeOnEsc
inputs that allow to configure menu closing actions, - File upload plugin - added a new
reset
method that allow to reset component state to default settings.
- Toast/Alert - resolved problem with stacking and close animation,
- Modal - resolved problem with closing when mouseup event is detected outside the component,
- Sidenav - setting
hidden
input tofalse
will no longer trigger component animation, - Sidenav - resolved problem with arrow rotation update when
[collapsed]="false"
is used, - Sidenav - removed focus trap in side and push modes,
- Sidenav - default position will be now correctly set to
fixed
, - Input - resolved problem with border top gap recalculation when used inside a dynamically loaded component (such as tabs),
- Overlay - resolved problem with z-index in components using overlay (e.g. modal, popconfirm, tooltip, components with dropdown menus). The components will be correctly displayed above the elements with sticky/fixed styles,
- Charts - fixed default options and resolved problem with custom options merge.
- resolved problem with automatic updates of colors defined in
colorMap
, - resolved problem with tooltip display when
[hover]="false"
is used, - added possibility to display custom tooltips.
- Popover/Tooltip - resolved problem with closing component when quickly moving mouse over trigger element
- Table pagination - resolved problem with disabled state of next button,
- Input - resolved problem with disabled state updates using Angular form control methods,
- Table - resolved problem with default filter function,
- Datepicker - resolved problem with disabled state of toggle button,
- Timepicker - resolved problem with setting default value in component with 24h format,
- Sidenav - resolved problem with
Cannot read property destroy of undefined
error, - Select - resolved problem with disabled state of checkboxes in options,
- Select - resolved problem with closing modal on clear button click,
- Dropdown - menu will be now closed correctly on item click.
- Table pagination - added new
rowsPerPageText
input that allow to change default 'Rows per page' text
In this version we introduced some breaking changes, please check Breaking changes
section and update your application accordingly.
- Inputs - removed
margin-bottom
styles from inputs with validation classes.
- Select - dropdown will be correctly removed on component destroy,
- Select - resolved problem with select-all option state on component initialization,
- Select - resolved problem with selection of options with false values,
- Dropdown - resolved problem with opening component on icon click,
- Toasts/Alerts - resolved problem with z-index,
- Popconfirm - resolved problem with
onClose
andonConfirm
events, - Loading management - backdrop will be correctly removed on component destroy when fullscreen option is used,
- Timepicker - resolved problem with setting default value using Angular form controls,
- Datepicker - previous/next button disabled state will be now correctly updated on component initialization,
- Datepicker/Timepicker - click on toggle button will no longer submit form,
- Datepicker/Timepicker - resolved problems with
valueChanges
event and validation status updates, - Datatables - resolved problem with scroll position when component is rendered inside a tab.
In this version we introduced some breaking changes, please check Breaking changes
section and update your application accordingly.
- Popover -
[template]
input will now accept value of typeTemplateRef
and can be used to displayng-template
content.
- Toast - component will no longer throw error after reopening,
- Toast - stacked components will now slide up automatically,
- Sidenav - resolved problem with auto expand when route has route parameters,
- Dropdown - opened menu will be now correctly destroyed on route change,
- Table pagination - resolved problem with data automatic updates after change in
[entryOptions]
input.
- Popover -
[template]
input will now accept value of typeTemplateRef
and can be used to displayng-template
content.
In this version we introduced some breaking changes, please check Breaking changes
section and update your application accordingly.
- Changed
mdb-select-option
selector tomdb-option
, - Removed
select-
prefix from option and option group class names, - Moved option and option group styles to individual file.
- Sidenav - resolved problem with arrow icons in collapsed items,
- Sidenav - resolved problem with z-index,
- Select - resolved problem with dropdown toggle on arrow icon click,
- Input - resolved problem with label position when setting value dynamically using Angular form controls.
- Select - added new
[filterPlaceholder]
input that allow to change filter input placeholder.
In this version we introduced some breaking changes, please check Breaking changes
section and update your application accordingly. The list of all individual modules and entry points can be found here:
MDB Angular UI Kit Free Modules And Imports
MDB Angular UI Kit Pro Essential Modules And Imports
- Updated Angular to v12 (this version is now required),
- Components, modules and types can no longer be imported from
mdb-angular-ui-kit
entry point. Use the newly added secondary entry points, such asmdb-angular-ui-kit/checkbox
to import individual elements, - Removed main
MdbModule
, import individual modules from its entry points, for example:import { MdbCheckboxModule } from 'mdb-angular-ui-kit/checkbox'
, - Renamed
MdbTimePickerComponent
toMdbTimepickerComponent
, - Renamed
MdbTimePickerDirective
toMdbTimepickerDirective
, - Renamed
MdbTimePickerModule
toMdbTimepickerModule
, - Updated Bootstrap styles to the latest stable version.
- Redesigned shadows for components: Cards, Dropdowns, Modal, Popover, Toasts, Buttons, Button Group, Navbar, Pagination, Pills, Sidenav,
- Redesigned padding for components: Alerts, Cards, List Group,
- Redesigned border radius to 0.5rem for components: Alerts, Cards, Dropdowns, Modal, List group, Popover, Toasts, Dateipcker, Timepicker.
- Sidenav - resolved problem with height of the element with
.sidenav-menu
class, - Range - resolved problem with a hardcoded
Example label
text, - Datepicker -
dateChanged
event will be now correctly emited on date change, - Datepicker - resolved problem with components updates on Angular form control changes,
- File input - updated styles to Material Design styles,
- Pills - fixed width of pills when they're filled or justified,
- Checkbox/Switch/Radio - fix margin styles and positioning.
- Navbar - added a new
.navbar-nav-scroll
class to enable vertical scrolling when a collapsed navbar is opened, - Navbar - re-added
flex-grow
to the.navbar-collapse
to restore the flexbox behaviors from v4 and prevent some content from being inadvertently squished, - List group - added a new
.list-group-numbered
variation to list groups that uses pseudo-elements for numbering list group items, - Shadows - added a new styles design: shadows soft, shadows standard, shadows strong,
- Added color-scheme mixin.
- Animations - resolved problem with parameters in HTML template,
- Sidenav - resolved problems with
mode
andhidden
inputs, - Sidenav - resolved problem with
show
method.
- Datepicker - resolved problem with keyboard navigation when using
DownArrow
key, - Datepicker - resolved problem with selecting dates using
Enter/Space
keys in component with date filter, - Datepicker - added correct aria-labels to the previous/next buttons in the days view.
- Scrollspy - added
cursor: pointer
styles to scrollspy links, - Sidenav - resolved problem with errors when
RouterModule
is not imported, - Sidenav - component will be correctly updated on inputs changes,
- Sidenav - resolved problem with scroll position,
- Sidenav - added components and module exports to main library index.
- Animations - added new animations:
slideLeft
,slideRight
,slideUp
,slideDown
, - Sidenav - added focus trap,
- Sidenav - escape button will now close the component.
- Select -
x options selected
text will be displayed correctly when more than 5 options have been selected, - Select - fixed clear button focusing issue.
- Select - added new
displayedLabels
input that allows to change maximum number of comma-separated options labels displayed in the multiselect input, - Select - added new
optionsSelectedLabel
input that allows to customize x options selected text, - Select - added new
filterDebounce
input that allows to add delay to the options list updates when using filter input
The initial release of MDB 5 Angular Alpha 1.
- Badges
- Buttons
- Button Group
- Cards
- Collapse
- List Group
- Progress
- Spinners
- Tables
- Breadcrumb
- Footer
- Headers
- Navbar
- Pagination
- Layout
- Utilities
- Content & styles