-
Notifications
You must be signed in to change notification settings - Fork 0
/
changelog
1042 lines (796 loc) · 51.1 KB
/
changelog
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
7.5.4
New version brings some bug fixes and new features. Check every change in 7.5.4 below.
**Fixes:**
* Select label with prefilled value 0 won't break lifting up label element,
* Select will now be properly aligned with other material inputs,
* Material Select will now close it's dropdown while clicking outside of it on iOS,
* visibleOptions in Material Select will now work again when select was opened for the first time,
* Carousel won't throw classList is undefined anymore,
* Datepicker won't throw document is undefined while SSR no more,
* Datepicker will now allow to use Font Awesome 5 Pro with css,
* Datepicker will now format date properly while using patchValue and JS date format,
* Toast with changed opacity won't blink anymore,
* Resolved problems with access specificators on fullTemplateTypeCheck mode,
* Color Picker won't throw erorrs when destroying it's instance,
* Sidenav with routerLink will now open active links after reload while using HashLocationStrategy.
**New Features:**
* Material Select - Added new input - [outline] which will allow to use outline input type,
* Multi Select - Added new input - [outline] which will allow to use outline input type,
* Material Select - added ChangeDetectionStrategy.OnPush from default to the Material Select dropdown,
* Autocomplete - Added new output which will emit value after clicking in clear button,
* Table Editor plugin - added behavior to highlight table editor row when editing row,
* Table Pagination - added two new ofKeyword, dashKeyword inputs which allow to overwrite default text in Table Pagination,
* Accordion - added new (animationStateChange) event which will be fired after accordion animation end,
* Cards - added ChangeDetectionStrategy.OnPush from default to the Cards components,
* Sortable plugin - added new [disabledDragElements]="[]" input which allow to determine, on which elements sortable effect should be disabled.
* Chat plugin - added new chat example - Small Chat,
* E-commerce components - added new example - Shopping Cart.
**Docs:**
* Navbars - resolved problem with dropdown alignment on mobile screen,
* Material Select - added missing inputs and outputs to the Material Select API docs.
**Other:**
* Resolved vulnerability problems on four repositories: MDB Free, MDB Admin Free, MDB Pro, MDB Admin Pro.
7.5.3
New version brings some bug fixes and new features. Check every change in 7.5.3 below.
**Fixes:**
* Tooltip with routerLink and nested i tag won't reload page after click,
* Improved positioning in Tooltip - use dynamicPosition input to turn off adjusting position,
* Improved positioning in Popover - use dynamicPosition input to turn off adjusting position,
* Accordion will now allow to use keyboard navigation (Tab, Enter, Space).
**New Features:**
* Double Range Slider - Added new component - Two dots range slider,
* Accordion - changed icon behavior - now it is rendered with css and content property,
* Flipping Cards - added (animationStart) and (animationEnd) outputs,
* File Upload plugin - added new customText input which allow to overwrite default text in File Upload,
* File Upload Plugin - added new [defaultFile]" input which allow to set default file for File Input component,
* Date Picker - added possibility to use LocaleService as global service - one instance for every instance of Date Picker,
* Material Select - added feature which allow to highlight specific item after keyboard button push (eg. push "F", and Select will highlight item which starts on "F" char),
* Material Select - added new [filterAutocomplete]="true" input which allow to determine, Select should allow browser autocomplete mechanism or not,
* Material Select - Select will now allow you to define custom template in it,
* Toast / Notification - added new actionButtonClass config property which allow to add CSS class to action button in toast,
* Date Picker - added new editableDateField config property which allow to disable Date Picker input field to put there some text,
* Popover - added new [outsideClick]="true" input which allow to determine, if Popover should be closed after clicking in it's content,
* Date Picker - added new [outlineInput]="true" input which allow to use the .md-outline class inside Date Picker,
* Time Picker - added new [outlineInput]="true" input which allow to use the .md-outline class inside Time Picker.
**Docs:**
* Multi Item Carousel - added new Multi item responsive carousel,
* Flipping Cards - added information about this, that Flipping Cards requires BrowserAnimationsModule.
7.5.2
New version brings some bug fixes and new features. Check every change in 7.5.2 below.
**Fixes:**
* Table pagination - resolved problem with displayed value of maxVisibleItems,
* Tooltip - resolved problems with alignment near the edge of viewport,
* Dropdown - resolved problem with menu position when its open near the edge of viewport,
* Autocompleter - resolved problem with dropdown position in Chrome,
* Select/multiselect - resolved problem with animation of label added with html tag,
* Date picker - resolved problem with dynamic value and format updates when locale input change,
* Date picker - resolved problem with disabling component in reactive forms,
* Validation - resolved problems with validation of default value in mdb-select component,
* Sidenav - resolved problem with component blinking on initialization,
* WYSIWYG plugin - added type="button" to the options buttons to resolve problem with form submitting.
**New Features:**
* Select / Multiselect - added possibility to customize toggle icon,
* Sidenav - added new slim sidenav version,
* Calendar plugin - added new [editable] input that allow to disable event editing,
* Calendar plugin - added new [options] input that allow to add custom configuration options, options.
**Docs:**
* Modals - updated example code for long content modals,
* Date picker - added new examples for setting default value,
* Datatables - added new example for passing table data to dynamic modal,
* Calendar plugin - added new instructions on how to use custom configuration options.
7.5.1
New version brings some bug fixes and new features. Check every change in 7.5.1 below.
*** Fixes: ***
* Sticky Header - resolved problem with 'BrowserModule has already been loaded',
* Toast - resolved problem with animation in Edge,
* Carousel - resolved problem with 'Cannot read property classList of undefined',
* Card reveal - resolved problems with animation,
* WYSIWYG plugin - resolve problems with value dynamic updates and valueChange event.
*** New Features: ***
* Fixed buttons - added new mdbFixedCaption directive that allow to add caption to button,
* Navbar - added new [scrollSensitivity] input that allow to specify scroll amount needed for the top-nav-collapse class to be added,
* Stepper - added new [editable] input that allow to disable edition of finished step,
* Sidenav - added new [side] input that allow to change position of the sidenav. Use [side]="'right'" or [side]="'left'" options,
* Inputs - added new Material 2.0 input with background and animated border.
*** Docs: ***
* Card reveal - added live example,
* Composition - added example with hidden sidenav under fixed navbar.
7.5.0
New version brings breaking changes in tables, some bug fixes and new features. Check every change in 7.5.0 below!
*** Breaking changes in tables: ***
MdbTableService will be no longer used and it will be removed from package in MDB Angular 8 version. All methods available in this service were moved to the MdbTableDirective.
New [tableEl] input was added to MdbTablePaginationComponent. This input accepts instance of MdbTableDirective, and it's required for the pagination to function properly.
toLowerCase() method was removed from MdbTableSort directive due to problems with sorting in Chrome browser. Sort headers values must be now exactly the same as values of data source objects properties.
All changes have been included in the new examples in the tables documentation.
*** Fixes: ***
* Frame Modal - resolved problem with displaying in Safari browser,
* Fluid Modal - resolved problem with position on smaller screens,
* Autocompleter - resolved problem with dropdown position in modal,
* Autocompleter - resolved problem with form submitting when using enter key to select an option,
* Collapse - resolved problem with displaying shadow of card component,
* Horizontal Stepper - resolved problem with dynamic height update,
* Accordion - resolved problem with asynchronous data,
* Accordion - resolved problem with multiple accordion instances inside one component,
* Table sort header - resolved problem with accessibility,
* Navbar - resolved problem with accessibility of navbar toggler button.
*** New Features: ***
* Date picker - added new inline version,
* Date picker - added javascript date to object emitted by (dateChanged) output,
* Date picker - added new (closeButtonClicked), (todayButtonClicked) and (clearButtonClicked) outputs,
* Table sort - added new (sortEnd) output that will emit sorted data,
* Sticky header - added new mdbStickyHeader directive that can be added to mdb-navbar component to hide navbar when scrolling down and bring it back when scrolling up.
* WYSIWYG plugin - added ControlValueAccessor implementation.
*** Docs: ***
* Inputs - added new fix for yellow or blue background that is added with Chrome auto-fill,
* File upload plugin - changed component type from FileUploadComponent to MdbFileUploadComponent,
* Table sort - added TitleCase pipe to sort headers,
* Table pagination - onPreviousPageClick and onNextPageClick methods were moved to the MdbTablePaginationComponent internal code.
7.4.4
New version brings some bug fixes and new features. Check every change in 7.4.4 below!
**Fixes:**
* Multiselect - disabled options will be now skipped correctly in 'Select all' method,
* Table pagination - resolved problem with accessibility,
* Table filter - resolved problem with searching in list with null values,
* Table filter - search will now work correctly for uppercase letters,
* Table sort - resolved problem with sorting null values,
* Autocompleter - resolved problem with scrollbar,
* Autocompleter - resolved problem with z-index in modal,
* Textarea - resolved problem with rows attribute.
**New Features:**
* Time picker - added new (timeChanged) output that will be emitted on time change,
* WYSIWYG plugin - added new (valueChanged) output which emits current value as string.
**Docs:**
* Skins - added new instructions on how to add new data to skin.
7.4.3
New version brings a lot of bug fixes, and improved performance in Material Select Component. Check the every change in 7.4.3 below!
**Fixes:**
* Select - resolved problem with performance,
* Select - resolved problem with option height on dynamic option update,
* Multiselect with filter - resolved problem with options position,
* Dynamic modal - resolved problem with animation when mdb-select component is added to modal template,
* Datepicker - resolved problem with event emitting on input focus and added new [openOnFocus] input. Add [openOnFocus]="false" to prevent date picker from opening on input focus,
* Checkbox - (change) event won't be emitted before valueChanges on Edge anymore,
* Lightbox - magnifier icon will zoom picture properly,
* Dynamic Modal - animation on Edge will now won't blink,
* Dynamic Modal with Select - the animation won't blink on Edge anymore,
* Modals - resolved problem with focusing element from background while modal was opened,
* Auto Completer - resolved problem with scrolling down completer's dropdown with keyboard on Chrome,
* Auto Completer - fixed problem with wrong highlighted item after first click on arrow down key,
* Inputs with icon prefix - icon will now be highlighted after input focus,
* Carousel with Crossfade - rewritten the crossfade animation so it now looks like this one from MDB jQuery.
**New features:**
* Auto Completer - added functionality to pick highlighted (with keyboard) item as input's value,
* Auto Completer - added (select) output event which is fired after item selection,
* Icon - added classInside input which allow to add class to inside element of mdb-icon element,
* Badge - added classInside input which allow to add class to inside element of mdb-badge element,
* Navbars - added possibility to add custom element to mdb-navbar template (it will allow to add custom back button to iOS devices),
* Table Sort - added functionality to sort over nested object properties.
**Docs:**
* File Input - added example of upload options usage,
* File Input - added few new examples how to use options,
* Date Picker - added new [openOnFocus] input to input list,
* Carousel - updated input list in API section,
* Auto Completer - added example how to send API calls after (input) event,
* Charts - added Stacked Bar Chart example,
* Checkbox - Added Template-Driven forms example,
* Checkbox - Added Reactive Forms example,
* Table with Pagination - Modified Basic Example code,
* Table Editable - Modified Basic Example code (now it has bigger padding on table items),
* Plugins - Added Live Preview in MDB Angular Demo App,
* Navbar - Added 4 new navbar examples to the Basic Example section,
* Dropdowns - Added new example how to open dropdown from various elements,
* Sticky Content - renamed sticky-after input to stickyAfter. Previous code is still compatible,
* Steppers - Added new example how to add icons to the each steps with SCSS,
* Toast with opacity -Customized the opacity scss code,
* Sidenav - Added new example how to build sidenav with nested accordion links,
* DataTables - Customized the searchItems() function in every DataTables example.
**Changes:**
* Auto Completer - changed behavior of textNoResults input. From now, you have to set it to be visible. From default, this text is not visible.
7.4.2
In this version we resolved few bugs and resolved the problem with mdb-angular-free zip install on Windows. Check the 7.4.2 changes below.
**Fixes:**
* Collapse animation will now work properly on MacOS and Safari Browser,
* Lightbox won't throw the this.galleryDescription is undefined no more,,
* Resolved problem with search.toLowerCase() is undefined in Table Search,
* mdbWavesEffect won't hide button text no more while button is nested in Accordion on Chrome 71 & 72.
**New features:**
* Table Sort - added custom trim function which allows to sort table data while table data contains white signs.
7.4.1
In this version we resolved problems with a lot of bugs. Check the 7.4.1 changes below.
**Fixes:**
* mdb-auto-completer component won't throw errors when navigating with keyboard while dropdown is closed,
* mdbAutoCompleter - resolved problem with rendering completer's dropdown below the parent with overflow: hidden style - necessary to use the [appendToBody]="true" input,
* mdbAutoCompleter will now render along the top edge of the input when it won't fit below the input,
* mdbAutoCompleter - resolved problem with showing clear button in the first mdb-auto-completer while there were two or more of them,
* mdb-image-card - image card will now properly scale when his container is .col-6 or more,
* mdb-card - from now it's possible to overwrite the default shadow with one of .z-depth-* class,
* mdbInputDirective - renamed the mdbValidate input to the mdbValidation due to duplicated name conflict,
* mdbInput - from now, it's possible to bind dynamic value to the input placeholder via placeholder="{{text}}" string interpolation,
* mdbCheckboxChange - will now be exported, so problem with unable to import this class from the ng-uikit-pro-standard will gone,
* Sidenav & Nested Accordion - from now only the active mdb-accordion-item element will be highlighted,
* Navbar - added possibility to use the hide() method to collapse navbar after click on mobile view,
* Select - added mechanism to prevent line wrap in mdb-select item when it is wider than select dropdown,
* Lightbox - image size will now be little bit larger,
* Toast - the positioning classes .md-toast-top-center .md-toast-bottom-center will now work as they should,
* Checkbox - resolved problem with validation while using onSubmit or onBlur properties,
* Textarea validation - validation message won't be overlapped with bottom border of the element on Firefox,
* Accordion - resolved problem with not working [multiple]="false" on mdb-accordion generated with *ngFor loop,
* Thumbnail Carousel - thumbnails will now be properly highlighted while active.
**New Features:**
* Inputs - new Material 2.0 inputs (outlined),
* Added new helper classes for opacity: Incremented by 10, .opacity-0, .opacity-10 until 100.
* mdbAutoCompleter - added new [appendToBody]="true" input which will determine if completer's dropdown should be appended to the body element or it's parent. Useful while completer's parent got overflow: hidden style.
* Date Picker - added new closeBtnClicked() method which allow to hide Date Picker programmatically.
**Documentation:**
* Masonry - Added documentation for Masonry Layout,
* Autocompleter - added example how to use [appendToBody]="true" input,
* Date Picker - added example how to show / hide date picker with typescript method,
* Vertical Tabs - added new necessary class .list-group for the Vertical Tabs in list group,
* Notifications - changed the iconClasses in API section,
* Notifications - resolved problem with not working alerts,
* Pattern Validation - updated the allow only letters regex pattern,
* Navbar - corrected the method names,
* Multi-Item carousel gallery - added new most recent code.
7.4.0
In this version we resolved problems with our modules and tree shaking.
It is now possible to import only those modules you need in your application, which will significantly reduce bundle size. We also updated Bootstrap to the newest version (4.2.1).
*** Bootstrap version update: ***
* Added new spinner loading component,
* Added new .font-weight-lighter and .font-weight-bolder utitlities,
* Added new .text-decoration-none class,
* Added new negative margin utility classes (e.g, .mb-n3),
* Changed auto columns (e.g, .col-auto) from max-width: none to max-width: 100% to prevent content from causing a column to overflow the parent.
* Added md prefix to scss code of our alert components to avoid overwritting bootstrap classes
*** Fixes: ***
* Popover / Tooltip - resolved problems with displaying in Firefox/Safari browsers on Mac OS,
* Multiselect - changed some methods to provide better support for older browsers,
* Carousel - resolved problem with OnPush change detection,
* Validation - resolved problem with positioning messages under inputs with icons,
* Select with filter - resolved problem with ExpressionChangedAfterItHasBeenCheckedError,
* Select with icons - resolved problem with padding,
* Steppers - updated styles to resolve problem with Font Awesome 5 Pro icons,
* Tooltip - resolved problem with placement.
*** Documentation: ***
* Multi item carousel - updated example code. From now only one item should be displayed on smaller screens,
* Switch - changed syntax of default component,
* Borders - added new border-white and rounded-pill examples,
* Overflow - new documentation page in utilities section
* Icons list - updated example code of the icons
* Table editable - changed example code to resolve problems with editing on Edge 15.
*** New features: ***
* Select - added new [optionHeight] input which allow to customize options height,
* Select - you can now use [appendToBody]="true" input to avoid problems with displaying select dropdown in container with overflow: hidden,
* Multiselect - added new selectAllLabel input which allow to customize text of 'Select all' option,
* Tabs - added possibility to add action buttons to tabset header.
7.3.0
In this release we have migrated our entire library to Font Awesome 5. Changing from 4 to 5 is not backward compatible, so we recommend updating the application to Font Awesome 5.
*** Fixes: ***
* Datepicker - Solved problems with date formatting, when the component is in *ngIf,
* Tabs - It is no longer necessary to double-click to activate the tab during OnPush,
* Tabs - Disabled tab will not be marked as active,
* Sidenav & Custom Skin - Solved problem with text color overwriting in Sidenav in combination with custom skin,
* Select & Custom Skin - Solved problem with overwriting text color in Select with Custom Skin,
* Table Sort - Sorting tables will not display an error .toLowerCase() is undefined,
* Tooltips & Admin Template Pro - Fixed tooltips in Admin Template Pro,
* API - Removed deprecated API - HttpModule, eflectiveInjector, NavigationExtras.preserveQueryParams,
* Lightbox & Firebase - Solved problem with Lightbox and Firebase,
* Navbar - Navbar in mobile version will not flash on the screen,
* Textarea - Autoresizing Textarea will expand when text is added before rendering a view,
* Auto Completer - Resolved problem with .trim() is undefined in mdb-option component.
*** Documentation: ***
* Checkbox - Added documentation for Template Driven & Reactive Forms Checkbox,
* PWA Tutorial - Published new version of Angular PWA tutorial with Firebase and IndexedDB!
*** New Features: ***
* Font Awesome 5 Icons - compatibility with Font Awesome 5,
* Admin Template Pro - Added Sections page to Admin Template Pro,
* Steppers - added new Steppers component,
* Dynamic Modals - Added a new way to pass data to dynamic modals,
* Scrollspy - Added event activeLinkChange to Scrollspy.
7.2.0
In this release we added new mdb-auto-completer component, which is improved version of mdb-autocomplete.
We encourage you to use mdb-auto-completer, but mdb-autocomplete will still be available until version 8 of MDB Angular.
*** Fixes: ***
* Select - resolved problems with updating values dynamically,
* Dropdown - resolved problem with content position when opened in navbar,
* Modal - remove unnecessary icon styles,
* Autocomplete - resolved problem with angular/http.
*** Documentation: ***
* Table with panel - resolved problem with icon names,
* Navbars - removed unnecessary margin from search element,
* Validation - added example for file upload validation.
7.1.1
*** Fixes: ***
* Select - resolved problems with OnPush change detection,
* Select - changed styles and animation to add more material look,
* Multiselect - resolved problem with disabled option styles,
* Date Picker - resolved problem with dynamic value updating,
* Date Picker - resolved problem with opening using built-in method,
* Table Pagination - resolved two minor problems
*** New features: ***
* Dynamic Modal - added new scroll property to modal options object. It can be used to add overflow-y: auto to modal with long content,
* Multiselect - added select all option. This option is enabled by default and can be turned off with [enableSelectAll]="false" input,
* Multiselect - added button for clearing selected options,
* Select and Multiselect - added new [highlightFirst] input which can be used to turn off highlight added by default to the first option.
*** Documentation: ***
* Scrollspy - added new example for MDB scrollspy on full page,
* Accordion - added new example,
* File Input - added new example,
* Select - updated code in examples
* Multiselect - updated code in examples
* Added description how to change default Roboto font,
* Intro Sections - resolved few minor problems,
* Accordion - added toggle() method description.
7.1.0
We have rewritten the entire validation of forms. New validation is faster, lighter, better! Read about it below.
The mdbInputDirective directive has been divided into mdbInput and mdbValidate directives. Validation messages can ben now added with mdb-error and mdb-success components. More information on the usage can be found in validation documentation.
New validation offers more flexibility and solves problems with updateOn: 'blur' and updateOn: 'submit' options.
Those changes are backwards compatible. Directive mdbInputDirective will be still available for next few versions, but we recommend to use the new directives.
*** Fixes: ***
* Data Tables - pagination and search will now work without problems against data coming from Remote API,
* Carousel with thumbnails - The problem with a larger thumbnails strip width than the slide photo in case of more slides has been solved,
* Material Select - Filtering results with filterEnabled will now returns each line that contains the search character,
* Date Picker - Significantly improved component performance. Solved an issue where Date Picker was rendered before it was needed,
* Tooltip - A tooltip that does not fit in a free space along the top edge of the screen will be placed along the bottom edge, and vice versa,
* Tooltip - Added input customHeight which supports the above effect, but in case the height of the tooltip has been changed,
* Tabs - The problem in which static tabs were rendered before those with *ngIf was solved. It is required to use a new input tabOrder. Read more about this here,
* Scroll Spy - Fixed problem with handling nested links.
* Modals - Solved problem with built-in modal service. Now it is possible to call modals from this service.
*** Documentation: ***
* Data Tables - added new example how to use Data Tables with data from remote API,
* Tabs - added new example how to use both static & dynamic tabs,
* Tabs - added new tabOrder input,
* Tooltips - added new example how to modify the Tooltip height,
* Tooltips - added new customHeight input.
* Modals - added examples how to use built-in modal's service.
7.0.0
Angular 7 version is now supported in MDB Angular.
*** Fixes: ***
* Date picker - resolved problem with disabled state added in reactive forms
* Date picker - resolved problem with typing the date in the input field
* Date picker - changed z-index styles to fix the problem that caused other elements to overlap the component
* Time picker - changed z-index styles to fix the problem that caused other elements to overlap the component
* Accordion - resolved problem with 'Cannot read property expandAnimationState of undefined'
* MdbInputDirective - resolved problem with displaying error and success messages when errorMessage and successMessage inputs values are empty strings
* File Upload - resolved problem with 'Cannot read property unsubscribe of undefined'
*** New features: ***
* Date picker - added new [ tabIndex ] input that allow to set tabindex of the date picker input field
* Time picker - added new [ tabIndex ] input that allow to set tabindex of the time picker input field
* Tabs - added new [ disableWaves ] input that allow to disable waves effect on the tabs buttons
6.3.0
The key "defaultProject" has been added to angular.json files of all packages containing the demo application. Thanks to that you can restart the application using the ng serve command.
In this update, support for the ng add function has been added to the MDB Angular Free product in the npmjs repository - angular-bootstrap-md. Thanks to that it is possible to install MDB Angular Free with one command ng add angular-bootstrap-md.
*** Fixes: ***
* Select - resolved problem with placeholder when value is null,
* Select - resolved problems with label styling. For the label to work correctly, we encourage you to add it via [ label ] input instead of HTML <label> tag.
* Select - resolved problem with opening dropdown inside mdb-collapse component,
* Multiselect - added new styles to resolve problem with broken layout when many options are selected,
* Autocomplete - resolved problem with label position on input blur,
* Date Picker - resolved problems with component performance,
* Cards - resolved problem with adding shadow classes,
* Card Reveal - resolved problem with card height,
* Resolved problems with dependency vulnerabilities in MDB Free and MDB Pro
*** New features: ***
* Added possibility to create vertical tabs and pills,
* Added clear button functionality to mdb-time-picker
*** Documentation: ***
* File input - added instructions on how to upload file to server
* Sidenav - added instructions on how to use RouterLinkActive on mdb-side-nav links
*** Improved documentation: ***
Added a new documentation format for all pages in following sections:
* Layout
* Utilities
* Content
* CSS
* Components
* Forms
6.2.6
*** Fixes: ***
* Resolved problem with ngIf directive used on mdb-tab,
* Resolved problem with active state on disabled mdb-tab,
* Resolved problem with display of slider range cloud in Safari browser,
* Resolved problem with usage of routerLinkActive in mdb-sidenav. Sidenav should now highlight active item and toggle accordion item depending on active route,
* Resolved problem with display of mega menu when it is used together with mdb-sidenav component,
* Resolved problem with mdb-sidenav mask,
* Resolved problem with 'Attempt to use a destroyed view' in scroll-spy,
* Resolved problem with 'ExpressionChangedAfterItHasBeenCheckedError' in mdb-select filter input
* Removed unnecessary padding from mdb-select component
*** New features: ***
* Added possibility to use icons in option list of mdb-autocomplete component,
* Added focus animation to mdb-autocomplete clear button and new [ clearButtonTabIndex ] input which allow to change tabindex attribute of this button
*** Documentation: ***
* Date picker - updated options object in example code,
* Tabs - added new instructions on how to set active tab programatically
* Gradients - added examples for additional gradients
* Skins - added instructions on how to add custom skin
* Select - resolved problems with overlapped label with select element
* Timeline - scss code is now in MDB Angular Pro package
* FAQ - removed old and unnecessary questions and added new one
*** Syntax changes: ***
Following outputs names has been changed:
Modal:
* (onShow) is now (open)
* (onShown) is now (opened)
* (onHide) is now (close)
* (onHidden) is now (closed)
Dropdown:
* (onShown) is now (shown)
* (onHidden) is now (hidden)
Popover:
* (onShown) is now (shown)
* (onHidden) is now (hidden)
Tooltip:
* (onShown) is now (shown)
* (onHidden) is now (hidden)
These syntax changes are backward compatible, which means that your project will work with both the old and the new syntax. We recommend that you update the syntax as soon as possible. The changes will be backward compatible for several more versions.
6.2.5
Added two demo applications to ready-to-use archives containing MDB Angular Free and MDB Angular Pro, and to the Angular Bootstrap with Material Design repository on Github.
*** Fixes: ***
* Resolved problem with mdb-select animation. Option list will appear above the component if there is not enough space below,
* Fixed bug which caused problems with opening mdb-select dropdown,
* Resolved problem with mdb-autocomplete events (keyup, keydown) which were emitted twice on each entry in the input element,
* Resolved problem with mdb-side-nav on Firefox,
* Resolved problem with hidden and fixed double navigation on IE11,
* Resolved problem with double navbar in Admin Dashboard Pro.
*** New features: ***
* Added new directives which can be used to format credit card number, cvv number and date automatically.
* Tables - added TableModule containing following elements:
MdbTableDirective - responsible for different table types, for example: striped, responsive, hover, bordered, borderless
MdbTableRowDirective - can be used to emit events after creating/removing table row
MdbTableScrollDirective - responsible for table scroll along the x/y axis
MdbTableSortDirective - responsible for sorting items in the table
MdbTablePagination - component responsible for table pagination
MdbTableService - service responsible for creating new rows, table search and table data source
* Time picker - added [ disabled ] input which allow to specify disabled state for the component input,
* Select - added new visibleOptions and tabindex inputs. Those inputs can be used to change number of options visible in the options list and tabindex of the component,
* Added new BadgeModule module containing the MDBBadgeComponent.
*** Documentation: ***
* Editable table - resolved problem with moving cursor in edit mode
* Added new example how to use Info Window in Google Maps
*** Syntax changes: ***
* Color - replaced .default-text, .primary-text, .secondary-text, .success-text, .danger-text, .warning-text, .info-text classes with Bootstrap ones: .text-default, .text-primary, .text-secondary, .text-success, .text-danger, .text-warning, .text-info
*** Deprecated: ***
This settings will be stored only by one version yet:
* .default-text, .primary-text, .secondary-text, .success-text, .danger-text, .warning-text, .info-text
We removed these classes from the package:
* .full-bg-img
* .full-height
* .side-nav .double-navbar .bc-min
* .no-padding
* .ql-modal, .product-panel
* .no-radius
* .section-blog-fw
* .personal-sm
* .classic-tabs (previous syntax not classic tabs at all)
* .naked-card
* .pricing-card .heading .card-overlay
6.2.4
*** Fixes: ***
* Resolved problem with event (noOptionsFound) in mdb-select. It should no longer be emitted on every input in the select filter,
* Resolved problem with display of vertical images in Lightbox component,
* Resolved problem with mdb-collapse default collapsed state.
*** New features: ***
* Added new scrollspy component
*** Changed syntax: ***
* Collapse - you no longer need to use [ mdbCollapse ]="isCollapsed" syntax, instead just add mdbCollapse directive to the element and use [ isCollapsed ]="false" input if you want collapsible element to be open by default.
*** New documentation: ***
* Contact Form,
* Breadcrumbs,
* Table scroll,
* Css demonstration page,
* Gradient,
* Background Image,
* Components demonstration page,
* Button group,
* Loader,
* Sections demonstration page,
* Advanced demonstration page,
* Chat,
* Timeline,
* Edge Header,
* Streak,
* Video,
* Notifications,
* E-commerce components,
* Gallery
*** Tutorial: ***
* MDB Angular PWA tutorial
6.2.3
*** Fixes: ***
* Resolved problem with unemitted tooltipChange event in Tooltips,
* Resolved problem with select component with updateOn: 'blur' option,
* Resolved problem with display of select clear button when input [ allowClear ] is set to true,
* Resolved problem with fixed buttons where one button overlapped another. Use of many fixed buttons in the same view should be now possible,
* Resolved problem with label in date picker. It should no longer overlap on the displayed date,
* Fixed problem with overlapped label in Autocomplete when there was some value after view init,
* Sidenav will now remove fixed-sn or hidden-sn class from body element in ngOnDestroy lifecycle,
* Fixed problem with wrong margin in input validation message in Cascading Modal form,
* Resolved problem with autoresizing textarea without .md-textarea-auto class
* Resolved problem with visibility of content placed below header in intro sections,
* Resolved problem with dynamic updates of big data in date-picker component,
* Removed unnecessary console.log from Tabs Component,
* .dropdown-menu-right class will now align dropdown menu to the right side,
* Modal without backdrop will now allow to interact with elements on the background,
* Changing date in datepicker with reactive forms will now affect the big date in datepicker modal,
*** Docs: ***
* Added legacy docs for version 6.2.1,
* Dropdown alignment section - updated example code responsible for menu position,
* Advanced modals - updated example code for modal advanced examples. Modal cookies, modal coupon, modal discount, modal related content and modal abandoned cart should no longer block interaction with other elements. In order to achieve this behaviour you need to add modal-scrolling class to the div with mdbModal directive,
* Modals - added new section with instructions on how to open a modal from another component,
* Intros - updated example codes to resolve problem with visibility of content placed below header,
* Tabs & pills - improved documentation
* Slider - improved documentation
* Switch - improved documentation
* Autocomplete - added example how to use [ textSearching ] input
* Datepicker - Added methods, inputs and outputs description
* Social Buttons - added examples how to get page share and like counters from Facebook API, and how to share a page on Facebook
*** New documentation: ***
* File input
* Accordion
6.2.2
*** Fixes: ***
* Resolved problem with select filter. It should now display only values that match the word you type,
* Resolved problem with select values and options that were updated dynamically. It should now work correctly both in template-driven and reactive forms,
* Resolved problem with dateFormat and startDate options in DatePicker component. It is now possible to set default start date which will be formatted as it was specified in format option,
* Resolved problem with auto resize textarea height,
* Resolved problem with errorMessage and successMessage inputs - it is now possible to update messages dynamically,
* Resolved file input problem with file upload,
* Resolved problem with gesture support for lightbox,
* Resolved problem with protected parameters in carousel component,
* Resolved problem with 'mdb-card is not a known element'.
*** New features: ***
* Added possibility to disable accordion item. To do that, add [ isDisabled ]="true" input to <mdb-accordion-item-head>,
* Added new checkbox component.
*** Docs: ***
* Updated live examples in pagination advanced examples section,
* Updated file input example code,
* Updated code in carousel examples (there a was problem with display of carousel with mask),
* Updated checkbox docs,
* Added legacy docs for versions 6.0.0 and 6.1.0,
* Added update instructions for MDB Admin Templates (free and pro).
6.2.1
*** Fixes: ***
* Resolved problem when validation status was visible even when input was disabled,
* Resolved problem with select focus event (clicking the space bar when the component is selected with tab key is no longer required),
* Resolved problem with display of date-picker opened in the modal.
*** New Features: ***
* Added possibility to choose custom color in mdb-spinner,
* Added new functionality to use only desired validation status (disabling success or error validation) by using [ validationSuccess ] ="true" or [ validationError ] = "true",
* Added new [ errorMessage ] and [ successMessage ] inputs that allow to pass string or variable with custom validation message (only works when data-error and data-success are not available),
* Added mdbBtn directive to handle button styling,
* Added new mdb-card, mdb-card-body, mdb-card-img, mdb-card-header, mdb-card-footer, mdb-card-text, mdb-card-title components,
* Added 'actionButton' option to alerts.
*** Docs: ***
* Fixed bug with wrong validation status in Success and Error messages section in Inputs docs,
* Added new section 'Navigation',
* Added new page 'Mega menu',
* Added new page 'Navs',
* Added new page 'Hamburger menu',
* Added new 'actionButton' option and new section 'Events' to Alerts docs.
* Added description and examples for new inputs ([ errorMessage ] , [ successMessage ], [ validationSuccess ] , [ validationError ] ) in Inputs docs,
* Removed duplicated elements from Autocomplete docs,
* Updated Autocomplete docs with example of 'textNoResults' usage,
* Updated pagination advanced examples (added variables that allow to change the number of elements displayed on a given page).
6.2.0
*** MDB Angular Admin Templates: ***
* Resolved problem with not working hamburger menu in Admin Dashboard Free,
* Fixed problems with cards styling in Admin Dashboard Pro.
*** Fixes: ***
* Fixed a problem with the inability to update the charts labels together with the data,
* Resolved problem with only 1 image in Lightbox Component,
* Fixed problem with undefined calls after (ngModelChange) in Material Select component,
* Collapse directive won't throw undefined calls after emitting events,
* Datepicker date changed from string to javascript Date object,
* Fixed problem with unable to listen date changes in Datepicker Component,
* Resolved problem with fixed button sliding out from the bottom edge of the screen when it was at the top of the screen,
* Fixed simple warnings from ng lint,
* Resolved problem with tabs visible on Datepicker plate,
*** Docs: ***
* Described how to close Fixed Button content after click on some of his childs,
* Improved documentation of adding translation into Datepicker Component,
* Rewrote whole Modals Documentation section,
* Described how to open collapse after view init,
* Integration with ASP.NET Core moved from 5min-quickstart page to separate ASP.NET page,
* On Multiselect page added description how to add initial value to it and how to get value changes,
* Described how to update charts appearance dynamically.
6.1.6
*** Fixes: ***
* Fixed problem with freezing browser while validating input
6.1.5
*** New Features: ***
* Added .md-textarea-auto class which allows textarea to auto resize when would not fit into it. This feature requires mdbInputDirective on textarea,
* Added functionality to set first active slide in Carousel.
** Docs: ***
* Described Card Reveal Component: https://mdbootstrap.com/angular/components/flipping-cards/,
* Described changing opacity of alerts using toastClass option: https://mdbootstrap.com/angular/advanced/alerts/
*** Fixes: ***
* Solved problem in which backdrop in sidenav did not hide after scrolling the page on the mobile,
* Fixed problem with rotating Time Picker arrow on mobile,
* Fixed problem with (activeSlideChange) event in Carousel Component,
* Solved problem with resetting state of validation in forms,
* Fixed problem with scaling mdb-simple-chart, and centering text in chart,
6.1.4
*** Fixes: ***
* Solved problem with this.changes.disconnect is undefined in mdbInputDirective.
6.1.3
*** New Features: ***
* Icons are now component. <mdb-icon> supports only Font Awesome icons. Available field: icon (icon class), size (icon size), class (custom class for example color),
* Number input now listens for key events. Added functionality to increment / decrement it's value by 10 or 0.1 by using shift + up / down arrow or alt + up / down arrow keys. Available by using mdbInputDirective.
*** Fixes: ***
* Fixed problems with Carousel when using Angular Universal,
* mdbInputDirective validation has ben rewritten. Now works with Angular Validators,
* Fixed problem with no backdrop in sidenav on mobile,
* Fixed problem with sidenavBreakpoint
6.1.2
*** Admin Templates: ***
We have provided users with the option to make their own changes to the source code and compile the library into JavaScript.
*** New Features: ***
* Added possibility to use .filled-in class in Multiple Select by using customClass=" 'filled-in' " field,
* Added possibility to set custom sidenav breakpoint by using sidenavBreakpoint="desired-value" control on mdb-sidenav element,
* Added option to define custom locale for datePicker without modifying datepickerLocale.service source file,
*** Fixes: ***
* Fixed problem with fluid modal-bottom,
* Fixed problem with modal height while using datepicker in modal,
* Fixed label lifting-up in Autocomplete,
* Fixed problem with Material Dropdowns and dropup, dropleft, dropright variations,
* Rewriten Material Select animation.
6.1.1
*** NOTE: ***
You may need to rename the modules you are using in your application. The list of modified modules is presented below.
In 6.1.1 we have made it possible to import only those modules that you actually use in your application.
If only individual modules are used, import them but do not import the MDBBootstrapModulesPro main module as this may cause errors.
*** What's new: ***
Source code delivered to customers is now compilated to .js instead of .ts,
There's now possibility to import only those modules, which you need in your project. Full module list: https://mdbootstrap.com/angular/modules-list
Changed names of few modules:
* MDBChartsModule -> ChartsModule,
* BsDropdownModule -> DropdownModule,
* MDBTooltipModule -> TooltipModule,
* SqueezeBoxModule -> AccordionModule,
* Ng2CompleterModule -> AutocompleteModule,
* MDBDatePickerModule -> DatepickerModule,
* MDBUploaderModule -> FileInputModule,
* MDBPageScrollModule -> SmoothscrollModule,
* MdbStickyModule -> StickyContentModule,
* MaterialRootModule -> PreloadersModule.
*** Fixes: ***
Fixed missing space in mdb-angular.scss file,
Added close icon to Autocomplete,
Fixed problem with prefilling Char Counter value,
Fixed problem with overlapping label & error / success messages with mdbInputDirective,
Fixed problem with focusing inputs through TAB key.
6.0.2
*** General: ***
Changed Renderer to Renderer2.
*** Fixes: ***
Unnable to scroll in Sidenav,
Fixed problems with skins,
Fixed mobile view in DatePicker,
Fixed problem with scrolling page to the top edge in DatePicker,
Fixed problem with scrolling page to the top edge in TimePicker.
6.0.1
*** Fixes: ***
Fix for dropdowns, dropup variation,
Fix for fixed button when collapsing (need to pass $event in .toggle() method),
Few fixes in scss
6.0.0
*** NOTE: Most of the components have been rebuilt. Please, check the ones you use in your project. ***
*** General: ***
Compatible with MDB 4.5.1,
Compatible with Angular 6.0.0-rc.5, rxjs 6.0.0-uncanny-rc.7 and rxjs-compat 6.0.0-uncanny-rc.7,
Compatible with Angular CLI ^1.7.1.
*** NOTE 2: For proper using Angular 6 with MDB Angular 6 please check, if you're using rxjs in version at least 6.0.0-uncanny-rc.7 and rxjs-compat in version at least 6.0.0-uncanny-rc.7. Using older versions may produce errors and problems. ***
*** Marked as deprecated: ***
mdbActive,
mdbInputValidate,
mdbDeepDirective,
mdbRippleRadius.
mdbInputDirective has three of the above directives - mdbActive, mdbInputValidate and mdbDeepDirective.
mdbActive is used by default and we do not anticipate that you will be able to disable it.
mdbInputValidate is used by default, but the user can disable validation by using the [mdbValidate]="false" control on input which contains mdbInputDirective.
mdbDeepDirective is used by default when used on a checkbox or radio. It is possible to disable it by using [focusCheckbox]="false" and [focusRadio]="false".
mdbRippleRadius was changed to mdbWavesEffect. mdbRippleRadius will be deleted after next release.
*** Fixes: ***
Fix for z-index in few scenarios (tabs & datePicker), navbar and other,
Fixed clearUnselected in Autocomplete,
Fix for mdbActive in Autocomplete.
*** Features: ***
Added feature to close datePicker after selecting an date (closeAfterSelect: true) in datePicker options object.
*** Docs: ***
New category Forms,
Autocomplete, Inputs, Input Validation, Forms moved from Components to Forms,
Material Select moved from Advanced to Forms,
Input Groups moved from Extended to Forms,
Added instructions how to update Angular projects: https://mdbootstrap.com/getting-started/update-instructions/
Added instructions how to create project with Angular Universal: https://mdbootstrap.com/getting-started/universal/
*** Changed syntax: ***
Cards,
Flipping Cards,
Intros,
Sections,
Inputs,
Footers,
Preloaders,
Masks,
Hover Effects,
Accordion,
Modals,
5.2.3
*** Compatibility with Angular Universal (Server-Side Rendering) ***. Read tutorial.
Improved dropdown animation in Material Select,
Fixed problem with dropdown transition in Material Select,
"Not Found" message in Material Select will be visible only when filtering does not show results ,
Fix for top / bottom arrow in Material Select,
Added possibility to overwrite $image-path variable.
5.2.2
Hotfixes not included in 5.2.1 patch
5.2.1
Enhanced mdbActive directive - works with data prefilled by browser
Sidenav issue fixed (skin is optional)
Fixed with rounded buttons inside input group
Fixed for dropdown not getting closed after click in other dropdown.
Fix for line breaking label in checkboxes
5.2.0
Updated to Bootstrap 4 stable version
Integration with .NET CORE - tutorial here
Compatibility with Angular 5.2.1 and CLI 1.6.5
noImplicitAny and strictNullChecks compatibility
New validation added (number, tel, submit) + custom validation regex. Read tutorial.
Configurable labels for DatePicker
5.1.2
Angular 5.2.1 and CLI 1.6.5 compatibility
Extended docs for modals - auto focus on input
Fixed validation for email and password
Aria attributes added to datepicker
Added filtering options to Material Select
Support for IE+ and Edge for Double Navigation
Extended DatePicker with new functionality:
Important!
By default date picker will load now +- 7 years starting from current year. It can be overwritten using minYear and maxYear parameters:
import { Component } from '@angular/core';
import { IMyOptions } from 'your_path_to/date-picker/index';
@Component({
selector: 'date-picker-component-example',
templateUrl: 'toast.component.html'
})
export class DatePickerComponentExample {
public myDatePickerOptions: IMyOptions = {
minYear: 2015,
maxYear: 2017
};
}
5.1.1
Double navigation - support for collapsed sidenav and navbar
Extended documentation for Autocomplete