-
Notifications
You must be signed in to change notification settings - Fork 1
/
changelog
1697 lines (1265 loc) · 86.6 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
15.0.0
This version requires Angular v15. Follow the Angular update guide to migrate your project to Angular 15.
**Breaking changes:**
* Added support for Angular 15, this Angular version is now required,
**Fixes and improvements:**
* Navbar - resolved problem with height of collapsed component on initialization,
* Navbar - resolved problem with height of expanded menu on component initialization and window resize,
* Sidenav - resolved problem with sidenav mask size in component with dynamic content.
14.0.0
This version requires Angular v14 and Node 14.15.0 (or later). Follow the Angular update guide to migrate your project to Angular 14:
**Breaking changes:**
* Added support for Angular 14, this Angular version is now required,
* Replaced agm/core library with angular/google-maps in Admin Template application,
* Stepper - replaced step icon generated by CSS styles with HTML element (this change resolves problem with displayed step numbers in Safari browser),
**Fixes:**
* Stepper - resolved problem with dynamic updates of invalid step icon,
* Modal - resolved problem with closing when mouseup event is detected outside the component,
* WYSIWYG plugin - resolved problems with insert link method,
* Calendar plugin - resolved problems with long events display,
* Sortable plugin - resolved problem with page scrolling in mobile browsers.
13.0.0
In version 13.0.0 we added support for Angular 13 and Font Awesome 6. Check what changed below:
**Breaking changes:**
* Added support for Angular 13, this Angular version is now required,
* Checkbox - changed id input name to checkboxId,
* Checkbox - styles will be loaded with other core global styles. This will allow you to use checkbox not only as mdb-checkboxcomponent, but also as a standard HTML element with material styles. The mdb-checkbox offers more features but cancause someperformance problems after adding many elements in one application view.
**Dependencies:**
* Updated Font Awesome to v6.0.0.
**Fixes:**
* Added type coercion for boolean and number inputs to resolve problems with inputs types,
* Select - resolved problem with option type.
12.2.0
In version 12.2.0 we updated Bootstrap to v4.6.1 and added some fixes and new features for the existing components. Check what changed below:
**Dependencies:**
* Updated Bootstrap styles to version 4.6.1
**Fixes:**
* Sidenav - resolved problem with error when [side]="'right'" input is used,
* Sidenav - resolved problem with short animation on component load, the component should be now displayed in its default state for specific breakpoint without visible transition on initialization,
* Carousel - resolved problem with emitting activeSlideChange multiple times,
* File upload plugin - query string will be now correctly removed from [defaultFile] url.
**New features:**
* Select - added new inputFocus and inputBlur events that will be emitted on select input focus/blur.
12.1.0
In version 12.1.0 we added some fixes and new features for the existing components. Check what changed below:
**Fixes:**
* Datepicker - markWeekends option will no longer mark dates that are hidden in a specific view,
* Tooltip - resolved problem with component reopening when delay option is used,
* Calendar plugin - resolved problems with reponsiveness,
* Calendar plugin - resolved problem with view updates on startDate input changes.
**New features:**
* Calendar plugin - added new unique classes for toolbar container and elements inside the toolbar.
* Calendar plugin - added new viewChanged output
12.0.0
In version 12.0.0 we added support for Angular 12. This update introduces breaking changes, check what changed below:
**Breaking changes:**
* MDB Angular 12 requires Angular v12,
**Fixes:**
* Carousel - resolved problem with gap between thumbnail bar and image,
* Autocomplete - resolved problem with type of option value input,
* Timepicker - resolved problem with setting default value using Angular form controls,
* Datepicker - resolved problem with display in inline mode when container has overlay: hidden styles,
* Datepicker - focus on input with openOnFocus option will no longer remove body scroll,
* Stepper - added possibility to jump to any step if previous steps are completed,
* Lightbox - resolved problem with background scrolling when image is opened,
* Multi-range - resolved problem with component styles in Firefox browser,
* Spinner - removed unused selector to avoid naming collisions with other libraries.
**New features:**
* Table - input maxHeight will also accept values with different units (for example 80%).
11.1.0
In version 11.1.0 we added some fixes and new features for the existing components. Check what changed below:
**Fixes:**
* Popover - component will not be displayed if no content is provided,
* Datepicker - resolved problem with label active state and opening component on label click (inline mode),
* Datepicker - component in modal mode will not open on input click if openOnFocus input is set to false,
* Collapse - resolved problem with animation, component will not be toggled if animation is not finished,
* Autocomplete - resolved problem with input keydown listener in Firefox browser when appendToBody option is enabled,
* Stepper - resolved problem with HTML template updates on step input change,
* Calendar plugin - added the CalendarView type to the exports list.
**New features:**
* Popover - added new [popoverDisabled] input that allow to disable component,
* Navbar - added new (shown) and (hidden) outputs,
* Sidenav - added new (shown) and (hidden) outputs.
11.0.0
In version 11.0.0 we added support for Angular 11. This update introduces breaking changes, check what changed below:
**Breaking changes:**
* MDB Angular 11 requires Angular v11,
**Fixes:**
* Select 2 - resolved problem with using false values as option values,
* Autocomplete - resolved problem with disabled state in reactive forms,
* Autocomplete - resolved problem with closing component dropdown on document click,
* Range - resolved problem with thumb animations,
* Multi-range - resolved problem with component styles in Firefox browser.
10.1.1
In version 10.1.1 we added some new features and fixes for the existing components, check what changed below:
**Fixes:**
* Input group - resolved problem with z-index of outline input label,
* Accordion/Sidenav - resolved problem with auto expand on route change,
* Textarea - fixed label validation styles in outline version,
**New features:**
* Radio - added new disabled input for mdbRadio directive.
* Calendar plugin - added new startDate input that allow to set default date.
10.0.1
In version 10.0.1 we added some fixes for the existing components, check what changed below:
**Fixes:**
* Badge - resolved problem with input responsible for adding background color,
* File Upload - added UploaderOptions to the exports list,
* Accordion - fixed problem with input label position,
* Range - resolved problem with value updates when using ngModel,
* Timepicker - resolved problems with layout after change in HTML font size.
10.0.0
In version 10.0.0 we added support for Angular 10. This update introduces breaking changes, check what changed below:
**Breaking changes:**
* MDB Angular 10 requires Angular v10,
* Tooltip - changed name of the isDisabled input to tooltipDisabled to avoid naming collisions with the inputs of other components,
* Select, Autocomplete - adjusted appearance of arrow icon and clear buttons to maintain a consistent design in all form controls.
**Fixes:**
* Select 2 - resolved problem with setting initial value with ngModel
**New features:**
* Select 2 - added new label input for mdb-select-option component. If the input value is available, it will be displayed in the select input after option selection.
9.4.0
In version 9.4.0 we added some new features and fixes for the existing components, check what changed below:
**Fixes:**
* Datepicker - resolved problems with styles when component is opened inside accordion,
* Datepicker - resolved problem with clearing input value with Angular form controls methods,
* Datepicker - resolved problem with dynamic updates of year and month select values,
* Sidenav - component should no longer close on viewport height change,
* Select 2 - dropdown height will be correctly updated for specific visibleOptions value,
* Select 2 - resolved problem with dropdown visibility when the component is opened inside a modal,
* Select 2 - resolved problem with resetting value with Angular form controls methods,
* Select 2 - adjusted styles to match other form controls,
* Badge - color classes will be correctly assigned to the component,
* Radio - native radio elements styles will no longer be overridden by MDB styles,
* Autocomplete - resolved problem with setting component value when value is an object,
* Tabs - resolved problem with active tab initialization for tabs created dynamically,
* Textarea - component height will be correctly initialized when used inside tab,
* Stepper - resolved problem with active step update after adding or removing steps dynamically,
* Dropdown - resolved problems with performance,
* Select - resolved problem with value changes when using form control methods,
* Table Editor - first row will be now correctly highlighted,
* Wysiwyg - resolved problem with editing url of the link.
**New Features:**
* Datepicker - added new inputIcon and inlineInputIcon options, which allow to show and hide toggle icons for specific display mode,
* Autocomplete - added new dropdownPosition input, which allow to specify the dropdown position (below, above, auto). Default position is set to 'auto'.
9.3.0
In version 9.3.0 we added some fixes and a new version of Select component, check what changed below:
**Fixes:**
* Select - resolved problem with tabindex attribute,
* Modals - resolved problems with focus trap.
**New features:**
* Added new version of Select component, which includes new mdb-option component, updated material design and modified HTML structure. The old version of this component is still available and will not be removed before the next major release.
9.2.0
In version 9.2.0 we added some fixes and a new version of Timepicker component, check what changed below
**Fixes:**
* Select - resolved problem with documentElement in Angular Universal,
* Outline input - resolved problem with styles of prefix icon.
**New features:**
* Added new version of Timepicker component, which includes new features and updated material design. The old version of this component is still available and will not be removed before the next major release.
9.1.0
In version 9.1.0 we added some fixes for sidenav and new features for tables, check what changed below:
**Fixes:**
* Sidenav - component in fixed mode will not be closed when viewport height change,
* Sidenav - resolved problem with backdrop animation transition when component is opened for the first time,
* Table - added few fixes to the styles to better match the material design look.
**New features:**
* Table sort - added new [sortIcon] input. Set value of this input to true to automatically add sort icons to the component template,
* Table sort - added new resetSortDirection input. When set to true, every third click on sort icon will reset sorting direction. This feature will be used as default sorting method in MDB Angular v10,
* Table - added new [stickyFooter], [stickyFooterBgColor] and [stickyFooterColor] inputs that allow to create and customize sticky footer.
**Docs:**
* Table - added new example with checkboxes and row selection.
9.0.1
In version 9.0.1 we added some fixes for components and SSR, check what changed below:
**Fixes:**
* Dynamic modal - resolved problem with "Can't bind to 'role' since it isn't a known property of 'null'" warning,
* Datepicker - resolved problem with footer dynamic position changes when switching between mohs,
* Switch - resolved problem with overflow sles
* Universal (server side rendering) - resoed problem with "KeyboardEvent is not defined error.
**Docs:**
* Added new guide on how to use Angular Universal in Angular 9 app.
9.0.0
In version 9.0.0 we added support for Angular 9. This update introduces breaking changes, check what changed below:
**Breaking changes:**
* MDB Angular requires Angular v9, but it's still possible to opt-out of Ivy,
* MDB Angular now requires @angular/cdk package,
* Roboto font files are no longer included in the library files and should be loaded from external source.
**Fixes:**
* WYSIWYG plugin - resolved problem with bold/unbold methods and duplicated elements,
* Calendar plugin - adding new events will be blocked if the 'editable' input is set to false.
**New features:**
* Updated Bootstrap to version 4.4.1,
* Added Angular Schematics for version pro and resolved problems with Schematics in version free.
8.10.1
In version 8.10.1 we added bug fixes for WYSIWYG plugin and new guide for styles customization. Check what changed below:
**Fixes:**
* WYSIWYG plugin - resolved problem with "Cannot read property parentElement of null" error,
* WYSIWYG plugin - resolved problem with resetting value in reactive forms.
**Docs:**
* Added new guide for styles customization.
8.10.0
In version 8.10.0 we added some bug fixes and new features for the existing components. Check what changed below:
**Fixes:**
*Carousel - selectSlide method will work correctly even if animation type is not specified,
*Datepicker - resolved problem with setting disabled state in reactive forms (modal version),
*Textarea - resolved problem with auto resize for default value,
*Select/Multiselect - resolved problem with background color of highlighted option in colorful select,
*Select/Multiselect - resolved problem with position of value text in outline mode.
**New features:**
* Carousel - added new allowSwipe input that allow to enable/disable swipe gestures,
* Icon - added support for Font Awesome Pro Duotone Icons.
8.9.0
In version 8.9.0 we added some fixes and features for the existing components. Check what changed below:
**Fixes:**
* Validation - resolved problem with styles of outline inputs,
* Select - adjusted outline input height to the height of the inputs in other form controls,
* Stepper - (stepChange) event will not be emitted for disabled steps,
* Datepicker - resolved problems with global options,
* Autocomplete - fixed dropdown bottom position in outline mode,
* Timepicker - component will now return new value and change event when clear method is used,
* Checkbox - resolved problem with label styles (removed unnecessary overflow and white-space properties),
* Sidenav - resolved problem with styles of the links with waves effect,
* Sortable plugin - input/textarea funcitonality will no longer be blocked by the sortable directive,
* Sidenav/Accordion - added checks for window object to resolve problems with server side rendering.
**New features:**
* Dropdown - added new dynamicPosition input, when this option is active component will dynamically update dropdown position (if the menu does not fit the viewport),
* Timepicker - added possibility to add custom styles for footer and AM/PM buttons and custom translation to buttons,
* Timepicker - added possibility to add new button that will clear the current selected value.
8.8.2
In version 8.8.2 we added some fixes for the existing components and removed duplicated css styles. Check what changed below:
**Fixes:**
* Styles - removed duplicated code,
* Toast - resolved problem with box-shadow styles on hover,
* Table - removed unecessary styles from a elements,
* Table sort - slightly improved performance,
* Validation - prefix icons will get correct validation color styles (success/error),
* Validation - fixed position of validation messages,
* Sidenav - will not be closed when viewport height change,
* Select - will not be overlapped by table header with sticky-top class,
* Pills - removed unecessary shadow styles on hover,
* Static modal - backdrop will be added/removed correctly when config value change,
* Calendar plugin - fixed parameter name in object emitted by (monthChanged) output.
8.8.1
In version 8.8.1 we added some fixes for the existing components and small update for the calendar plugin. Check what changed below:
**Fixes:**
* Inputs - resolved problem with styles of long label,
* Datepicker inline - clicking on the icon won't open the disabled component,
* Textarea - resolved problem with position of validation message,
* Textarea - active styles for prefix icon will be applied correctly,
* Search - resolved problem with the icon position when the input is inside container with .md-form class,
* Autocomplete - clear button will be added correctly if default value is set,
* Admin Template Pro - resolved problem with styles of images that use waves effect,
* Admin Template Pro - resolved problem with styles of icons in the sidenav.
**Plugins:**
* Calendar - added new [defaultView] input that allow to set default view for the component (week/month/list).
8.8.0
In version 8.8.0 we added some fixes and new tree view component. Check what changed below:
**Fixes:**
* Sticky header - resolved problem with navbar z-index,
* Table search/Table editor - resolved problem with filtering when a property value is null,
* Datepicker - resolved problem with setting minYear and maxYear options,
* Select - clear button will no longer be displayed if no option is selected,
* Timepicker - component view will be now updated correctly on form control value change,
* Color picker plugin - resolved problem with displaying wrong rgba color on component initialization,
* Resolved problem with memory leaks caused by unsubscribed subscriptions.
**New Features:**
* Added new tree view component.
8.7.0
In version 8.7.0 we added some fixes and new features. Check what changed below:
**Fixes:**
* Sidenav - resolved problem with closing sidenav when mobile keyboard appear on the screen,
* Datepicker - resolved problem with next and previous arrows styles on IE11,
* Select - resolved problem with search input and value container styles in outline mode,
* Select - added validation styles for bootstrap version,
* Autocomplete - resolved problem with dropdown dynamic position when appendToBody option is used,
* Autocomplete - resolved problem with dynamic dropdown position updates on option filtering,
* Lightbox - resolved problems with browser navigation,
* Buttons - resolved problem with dynamic style updates for outline and flat button,
* Color picker plugin - resolved problem with rendering the plugin inside modal,
* Zip packages/Admin template - resolved problem with ng test and ng lint.
**New Features:**
* Table search - added possibility to search through multiple table columns,
* Reveal cards - added new (animationStart) and (animationEnd) outputs,
* Table pagination - added new (lastPageClick) and (firstPageClick) outputs.
8.6.0
In version 8.6.0 we added some fixes and new features. Check what changed below:
**Fixes:**
* Select - resolved problem with maintaing focus on component when navigating using keyboard and added proper colors for focused component,
* Select - resolved problem with navigation to other element using tab or shift+tab keys,
* Select - added different color for highlighted options to help to distinguish selected options from highlighted options,
* Select - resolved problem with highlighting option when typing its name (it works when filter input is disabled),
* Select - resolved problem with dropdown position when using filter input or custom content,
* Select - resolved problems with styles and dropdown position in outline mode,
* Select - resolved problems with resetting selected value,
* Buttons - styles will be now properly updated if inputs values change,
* Prefix icon - removed unecessary color transition delay,
* Datepicker - resolved problem with disabling component with reactive forms
* Datepicker - resolved problem with z-index in inline mode (this problem occured when multiple components were used in the same view),
* Table sort - resolved problem with returning undefined sortOrder in (sorted) output.
**New Features:**
* Select - added possibility to use prefix icon,
* Select - added proper aria attributes,
* Timepicker - added possibility to mark input as readonly,
* WYSIWYG plugin - added new (valueContent) output that will return only text content without HTML tags.
8.5.0
In version 8.5.0 we added some fixes and new features. Check what changed below:
**Fixes:**
* Datepicker - resolved problem with opening multiple datepickers on label click when inline mode is used,
* Datepicker - resolved problem with styles of right and left arrows when date picker is rendered inside mdb-stepper,
* Datepicker - resolved problem with z-index in inline mode (dropdown should no longer be overlapped by a footer),
* Multiselect - resolved problem with styles of checkboxes when select is used inside element with md-form class,
* Select - resolved problem with setting default value when change is detected in option array,
* Select - component styles have been corrected to adapt its appearance to other MDB form elements,
* Autocomplete - number of visible options will no longer be set by default. It resolves problem with options styles when mdb-options have a non-standard height.
**New Features:**
* Table sort - added new (sorted) output that emits data, sortDirection and sortBy parameters,
* Autocomplete - added new [dropdownHeight] input that allows to customize dropdown height (it will only work if visibleOptions input is not used).
**Docs:**
* Modal - added list of options available for dynamic modals
* MDB Angular Boilerplate - added guide on how to configure MDB Angular Pro version.
8.4.0
In version 8.4.0 we added some fixes and new features. Check what changed below:
**Fixes:**
* Datepicker - resolved problem with opening multiple datepickers on label click. Every component will now have unique id. You can specify this id in [id] input, otherwise custom id will be created,
* Chips - resolved problem with displaying default tags on component initialization,
* Chips - resolved problem with deleting items with backspace/delete key,
* Chips - resolved problem with input focus after adding first tag or removing last tag,
* Modal - resolved problem with modal position when backdrop option is set to false,
* Autocompleter - resolved problem with closing dropdown on scroll click. We needed to drop support for dropdown state updates on input blur event, because in many cases it was impossible to check whether dropdow should b* closed. If you need to programatically change focus to other element with focus() method, you should also programatically hide autocompleter dropdow* by using its hide() method,
* Autocompleter - removed unecessary border styles from mdb-option,
* Autocomplter - resolved problem with opening dropdown when [clearButton] is set to false,
* Dropdown - resolved problem with change detection, dropdown should be correctly removed from DOM even when OnPush strategy is used in parent component,
* Select - dropdown won't open on right click on input,
* Select - resolved problem with displaying long placeholder and label text,
* Select - resolved problem with opening dropdown on label click (this problem occured only when label was added as html element and not with [label] input ,
* Sortable plugin - resolved problem with blocked click events,
* Sortable plugin - resolved problem with width of cards in card deck example.
**New Features:**
* Select - added possibility to add object to the value parameter in select options array,
* Select - added new [compareWith] input that accepts a function that will be used to find corresponding option for specified value (useful when using object as option value),
* Calendar plugin - added new (monthChanged), (weekChanged) and (listChanged) outputs,
* Popover - added new [bodyClass], [headerClass] and [containerClass] inputs that allow to specify custom classes.
8.3.1
In version 8.3.1 we added some fixes and updated code in the documentation pages. Check what changed below:
**Fixes:**
* Checkbox - resolved problem with checked state updates on ngModel value change,
* Autocompleter - resolved problem with Cannot read property 'value' of undefined on up arrow navigation,
* Dropdown - resolved problem with material styles in default version,
* Textarea - added possibility to resize material version,
* Timepicker - resolved problem with clear button, it should be now displayed correctly,
* Table pagination - resolved problem with pagination when switching to last item,
* Sidenav - resolved problem with accordion auto expand/collapse when queryParams are used.
8.3.0
In version 8.3.0 we added some fixes, new features and updated code in documentation pages. Check what changed below:
**Fixes:**
* Admin Pro Template - resolved problem with responsivity,
* Flipping cards - resolved problem with animation,
* Time picker - resolved problem with change detection when setting default value,
* Time picker - component will now open on input focus, to disable this behavior set openOnFocus input to false,
* Checkbox - resolved problem with position of validation message for longer text,
* Radio buttons group - resolved problem with styles for rounded buttons,
* Breadcrumbs - added cursor: pointer style for inactive elements,
* File upload - resolved problem with uploading the same file multiple times in a row,
* Sidenav - resolved problems with accordion items auto expand on route change,
* Sidenav - reduced size of indicator arrow in accordion items and fixed its animation,
* Modal - resolved problem with alignment of items in dynamic full height modal,
* Select - resolved problem with styles on disabled state,
* Toast - resolved problem with maxOpened option,
* Carousel - resolved problem with displaying first slide when OnPush strategy is used in parent component,
* Accordion - resolved problem with aria-expanded value,
* Select - resolved problem with highlightColor and highlightTextColor options,
* Autocompleter - dropdown will no longer be closed on input click.
**New Features:**
* Date picker - added possibility to add default date in JavaScript Date Object format. Component will also return date object if useDateObject option is set to true (default value is false)
* Dropdown - added new dropupDefault input that allow to use dropup component with default Bootstrap styles,
* Autocompleter - added new clear method that allow to reset displayed value,
* Table - added new searchLocalDataByFields method that allow to filter result only in specific table columns,
* Autocompleter - added new optionHeight input that allow to set height for the dropdown options,
* Autocompleter - added new visibleOptions input that allow to change number of options visible in the dropdown,
* Autocompleter - added new displayValue input that allow to specify option value that will be displayed in the input text field. This is useful in case where we want the value processed by the form control to be different from the displayed value (for example when value of the option is an object).
**Docs:**
* Datatables - added example of master detail table
* Charts - added examples of data formatting
* Time picker - added validation example
8.2.0
In version 8.2.0 we resolved some problems with change detection and reduced number of unecessary change detection cycles caused by our components. These changes should positively affect the performance of applications that use MDB Angular.
**Fixes:**
* Credit card directive - changed limit of Diners card from 19 to 14,
* Autocomplete - resolved problem with position of dropdown displayed above the completer input (it should now update correctly when number of displayed options change),
* Date picker - resolved problem with label animation when click is detected directly on label text,
* Date picker - resolved problem with display of default date when using locales other than 'en',
* Carousel - resolved problem with video playing in the background even when slide is not active,
* Select - resolved problem with long placeholder overlapping select input,
* Toast - resolved problem with null check in show method,
* Navbar - resolved problem with scroll in navbar dropdown when .fixed-top class is added,
* Dropdown - resolved problem with fade out animation,
* File upload plugin - resolved problem with resetting default file,
* File upload plugin - resolved problem with 'No file choosen' message when default file is available.
**New features:**
* Autocomplete - added new (selected) output that is fired on selection change,
* Accordion - added new [autoExpand] input that allow to disable auto expanding of accordion items in sidenav when active route is detected,
* Table editor plugin - added sorting feature.
8.1.1
In version 8.1.1 we added some minor fixes and updated documentation pages. Check what changed below:
**Fixes:**
* Lightbox - resolved problem with styles (hover, cursor, margin),
* Lightbox - resolved problems with back button in mobile browsers,
* Ligthbox/Carousel - resolved problem with paths to images,
* Autocompleter - resolved problem with dropdown position when its rendered on top, it should no longer cover the input
* Autocompleter - resolved problem with closing the dropdown with hide() method,
* Fixed button - removed unnecessary right and left styles,
* Select - removed display: none style from standard HTML select,
* Inline date picker - resolved problem with closing dropdown when using multiple date pickers in the same view, the dropdown should now close automatically when another date picker is opened
* Inline date picker - resolved problem with previous/next buttons styles,
* Credit card directive - resolved problem with formatting of the Diners card number,
* Rounded buttons - resolved problem with styles when using rounded buttons and mdb-calendar plugin in the same view,
* Range slider - resolved problem with value updates in reactive forms.
**Docs:**
* Cards - updated code responsible for rendering image overlay,
* Progressbar - updated API section of the component.
8.1.0
In version 8.1.0 we added some new features and bug fixes. Check what changed below:
**Fixes:**
* Dynamic modal - resolved problem with backdrop in lazy loaded modules (it should no longer remain on screen after navigating to a different module),
* Carousel - resolved problem with auto slide,
* Sticky header - resolved problem with stickyHeader="true" in Chrome browser,
* Table search - resolved problem with filtering for nested data,
* Vertical list group (mdb-tabset) - resolved problem with display on hover in Safari browser,
* Time picker and Date picker - resolved problem with different input position in these form controls,
* Popover - resolved problem with outsideClick in Safari browser (ipad),
* Accordion - resolved problem with alignment of indicator icon,
* Accordion - resolved problem with OnPush change detection,
* Register/login modal - resolved problem with alignment of mdb-success and mdb-error messages,
* Video modal - resolved problem with not pausing video when closing modal,
* Select - resolve problem with position of clear button,
* Double navigation - resolved problem with missing margin-left and margin-right in dobule navigation layouts,
* Textarea - resolved problem with active state of the label (it should no longer have blue color when it's not focused),
* Fixed caption button - resolved problem with element[NATIVE_ADD_LISTENER] is not a function error.
**New features:**
* Table pagination - added new buttons for navigation to first and last page,
* Charts - added new getPointDataAtEvent(event) for getting cursor position after click.
**Docs:**
* Migration guide - added information about cards and skins,
* Sidenav - added live preview for slim sidenav,
* Charts- added example on how to display values for each point of the graph,
* Forms - updated example code with new validation method,
* Validation - updated example code for onSubmit validation method,
* Dynamic modal - added example on how to use output events,
* Parallax - added additional information about the usage in Angular project.
8.0.0
New version brings refactor in styles and few components. Check every change in 8.0.0 below.
**MIGRATION INSTRUCTIONS:**
You should definitely read the entire migration guide carefully and understandably before updating your application to the latest.
**Most important changes in version 8.0.0:**
* support for Angular 8 - new Angular version is now required in MDB Angular 8.0.0,
* modular styles - components styles will be now loaded with thier modules, that means you can load only the styles you need in your application (some of the styles still remain global as they are not part of any component),
* some bug fixes and new features.
**Fixes:**
* Fluid modal - the modal will no longer overwrite padding-right styles on the body element,
* Fixed button - resolved problem with ExpressionChangedAfterItHasBeenCheckedError error,
* Dynamic modal - resolved problem with focus trap (other elements on the page should no longer be focusable if the modal is displayed),
* Autocompleter - resolved problem with click event on the clear button,
* Autocompleter - resolved problem with blocked events in autocompleter dropdown (it should be possible to add events to mdb-option components and other custom elements that are displayed in completer dropdown),
* Stepper - removed automatic mode change from horizontal to vertical on smaller screens. The stepper mode will be changed only if [vertical]value change,
* Dropdown - resolved problem with visibility of dropdown menu when it was opened from element with mdbTooltipdirective.
**New Features:**
* Steppers - added new [stepChange] output which will be fired on every step change,
* Autocompleter - added Control Value Accessor to completer input (that should resolve problems wit valueChange in reactive forms).
* Material Select - added ChangeDetectionStrategy.OnPush from default to the Material Select dropdown.
**Docs:**
All code examples have been updated to work correctly in Angular 8 projects. Due to the changes in styles modularity, there may be slight differences when it comes to overwritting component styles. We also reviewed the documentation and removed minor errors like typos and old, unused code.
* Autocompleter - changed the code of the examples to make it shorter and more readable.
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.