Release 8.2.0

Author: idzark

Useful_Resources.pdf

@@ -1,3 +1,26 @@
+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:
 

angular-bootstrap-md-8.1.1.tgz

@@ -1,6 +1,6 @@
 {
   "name": "angular-bootstrap-md-lib",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -29,7 +29,7 @@
     "@angular/router": "~8.0.0",
     "@fortawesome/fontawesome-free": "^5.6.3",
     "@types/chart.js": "^2.7.42",
-    "angular-bootstrap-md": "file:angular-bootstrap-md-8.1.1.tgz",
+    "angular-bootstrap-md": "file:angular-bootstrap-md-8.2.0.tgz",
     "chart.js": "^2.5.0",
     "core-js": "^2.5.4",
     "hammerjs": "^2.0.8",

angular-bootstrap-md-8.2.0.tgz

@@ -1,7 +1,7 @@
 {
   "name": "angular-bootstrap-md",
   "repository": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design",
-  "version": "8.1.1",
+  "version": "8.2.0",
   "schematics": "./schematics/collection.json",
   "files": [
     "**/*"

changelog

@@ -58,17 +58,20 @@
 //
 // Remix the default button sizing classes into new ones for easier manipulation.
 
-.btn-group-sm > .btn { @extend .btn-sm; }
-.btn-group-lg > .btn { @extend .btn-lg; }
-
+.btn-group-sm > .btn {
+  @extend .btn-sm;
+}
+.btn-group-lg > .btn {
+  @extend .btn-lg;
+}
 
 //
 // Split button dropdowns
 //
 
 .dropdown-toggle-split {
-  padding-right: $btn-padding-x * .75;
-  padding-left: $btn-padding-x * .75;
+  padding-right: $btn-padding-x * 0.75;
+  padding-left: $btn-padding-x * 0.75;
 
   &::after,
   .dropup &::after,
@@ -82,16 +85,15 @@
 }
 
 .btn-sm + .dropdown-toggle-split {
-  padding-right: $btn-padding-x-sm * .75;
-  padding-left: $btn-padding-x-sm * .75;
+  padding-right: $btn-padding-x-sm * 0.75;
+  padding-left: $btn-padding-x-sm * 0.75;
 }
 
 .btn-lg + .dropdown-toggle-split {
-  padding-right: $btn-padding-x-lg * .75;
-  padding-left: $btn-padding-x-lg * .75;
+  padding-right: $btn-padding-x-lg * 0.75;
+  padding-left: $btn-padding-x-lg * 0.75;
 }
 
-
 // The clickable button for toggling the menu
 // Set the same inset shadow as the :active state
 .btn-group.show .dropdown-toggle {
@@ -103,7 +105,6 @@
   }
 }
 
-
 //
 // Vertical button groups
 //
@@ -135,7 +136,6 @@
   }
 }
 
-
 // Checkbox and radio options
 //
 // In order to support the browser's form validation feedback, powered by the
@@ -153,8 +153,8 @@
   > .btn-group > .btn {
     margin-bottom: 0; // Override default `<label>` value
 
-    input[type="radio"],
-    input[type="checkbox"] {
+    input[type='radio'],
+    input[type='checkbox'] {
       position: absolute;
       clip: rect(0, 0, 0, 0);
       pointer-events: none;

package-lock.json

@@ -1,3 +1,26 @@
+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:
 

package.json

@@ -6,13 +6,15 @@ import {
   OnInit,
   Renderer2,
   ViewEncapsulation,
+  ChangeDetectionStrategy,
 } from '@angular/core';
 
 @Component({
   selector: 'mdb-badge',
   templateUrl: './mdb-badge.component.html',
   styleUrls: ['./badge-module.scss'],
   encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MDBBadgeComponent implements OnInit {
   @Input() @HostBinding('class.badge-default') default: boolean;