Release 8.3.1

BartoszTermena · BartoszTermena · commit 759edbc49a8c · 2019-09-26T09:47:09.000+02:00
diff --git a/angular-bootstrap-md-8.3.0.tgz b/angular-bootstrap-md-8.3.0.tgz
diff --git a/angular-bootstrap-md-8.3.1.tgz b/angular-bootstrap-md-8.3.1.tgz
diff --git a/changelog b/changelog
@@ -1,3 +1,16 @@
+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:
 
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-bootstrap-md-lib",
-  "version": "8.3.0",
+  "version": "8.3.1",
   "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.3.0.tgz",
+    "angular-bootstrap-md": "file:angular-bootstrap-md-8.3.1.tgz",
     "chart.js": "^2.5.0",
     "core-js": "^2.5.4",
     "hammerjs": "^2.0.8",
diff --git a/projects/angular-bootstrap-md/package.json b/projects/angular-bootstrap-md/package.json
@@ -1,7 +1,7 @@
 {
   "name": "angular-bootstrap-md",
   "repository": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design",
-  "version": "8.3.0",
+  "version": "8.3.1",
   "schematics": "./schematics/collection.json",
   "files": [
     "**/*"
diff --git a/projects/angular-bootstrap-md/src/lib/assets/scss/core/msc/_forms.scss b/projects/angular-bootstrap-md/src/lib/assets/scss/core/msc/_forms.scss
@@ -276,7 +276,7 @@
     &.md-textarea {
       overflow-y: hidden;
       padding: $textarea-padding 0;
-      resize: none;
+      // resize: none;
     }
 
     &.md-textarea-auto {
diff --git a/projects/angular-bootstrap-md/src/lib/changelog b/projects/angular-bootstrap-md/src/lib/changelog
@@ -1,3 +1,16 @@
+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:
 
diff --git a/projects/angular-bootstrap-md/src/lib/free/checkbox/checkbox.component.ts b/projects/angular-bootstrap-md/src/lib/free/checkbox/checkbox.component.ts
@@ -99,7 +99,6 @@ export class CheckboxComponent implements OnInit, OnChanges {
     if (this.disabled) {
       return;
     }
-
     this.checked = !this.checked;
     this.indeterminate = false;
     this.onChange(this.checked);
@@ -132,6 +131,7 @@ export class CheckboxComponent implements OnInit, OnChanges {
   writeValue(value: any) {
     this.value = value;
     this.checked = !!value;
+    this._cdRef.markForCheck();
   }
 
   registerOnChange(fn: (_: any) => void) {
diff --git a/projects/angular-bootstrap-md/src/lib/free/dropdown/_dropdown.scss b/projects/angular-bootstrap-md/src/lib/free/dropdown/_dropdown.scss
@@ -66,13 +66,17 @@
   .dropdown-menu {
     display: block;
     opacity: 0;
-    transition: 0.55s;
   }
 
   .fadeInDropdown {
     opacity: 1;
   }
 }
+.dropup-material.show {
+  .dropdown-menu {
+    transition: 0.55s;
+  }
+}
 
 //material dropdown
 
diff --git a/projects/angular-bootstrap-md/src/lib/free/dropdown/dropdown.directive.ts b/projects/angular-bootstrap-md/src/lib/free/dropdown/dropdown.directive.ts
@@ -251,13 +251,15 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
     const container = this._elementRef.nativeElement.querySelector('.dropdown-menu');
 
     if (
-      container.parentNode.classList.contains('btn-group') &&
+      !container.parentNode.classList.contains('btn-group') &&
       !container.parentNode.classList.contains('dropdown') &&
       !this._isDropupDefault
     ) {
       container.parentNode.classList.add('dropdown');
     }
-
+    if (this.dropup && !this._isDropupDefault) {
+      container.parentNode.classList.add('dropup-material');
+    }
     if (button.tagName !== 'BUTTON') {
       if (button.tagName === 'A') {
         container.classList.add('a-various-dropdown');
@@ -277,13 +279,26 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
     }
     setTimeout(() => {
       container.classList.add('fadeInDropdown');
-    }, 200);
+    }, 0);
 
     if (this._showInline) {
       this._isInlineOpen = true;
-      this.onShown.emit(true);
-      this.shown.emit(true);
+      if (
+        container.parentNode.classList.contains('dropdown') ||
+        container.parentNode.classList.contains('dropup-material')
+      ) {
+        setTimeout(() => {
+          this.onShown.emit(true);
+          this.shown.emit(true);
+        }, 560);
+      } else {
+        setTimeout(() => {
+          this.onShown.emit(true);
+          this.shown.emit(true);
+        }, 0);
+      }
       this._state.isOpenChange.emit(true);
+
       return;
     }
     this._state.dropdownMenu.then(dropdownMenu => {
@@ -302,6 +317,7 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
           content: dropdownMenu.templateRef,
           placement: _placement,
         });
+
       this._state.isOpenChange.emit(true);
     });
   }
@@ -319,18 +335,34 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
     const container = this._elementRef.nativeElement.querySelector('.dropdown-menu');
     // if (parent.value.includes('dropdown')) {
     container.classList.remove('fadeInDropdown');
+    if (
+      container.parentNode.classList.contains('dropdown') ||
+      container.parentNode.classList.contains('dropup-material')
+    ) {
+      setTimeout(() => {
+        if (this._showInline) {
+          this._isInlineOpen = false;
+          this.onHidden.emit(true);
+          this.hidden.emit(true);
+        } else {
+          this._dropdown.hide();
+        }
 
-    setTimeout(() => {
-      if (this._showInline) {
-        this._isInlineOpen = false;
-        this.onHidden.emit(true);
-        this.hidden.emit(true);
-      } else {
-        this._dropdown.hide();
-      }
+        this._state.isOpenChange.emit(false);
+      }, 560);
+    } else {
+      setTimeout(() => {
+        if (this._showInline) {
+          this._isInlineOpen = false;
+          this.onHidden.emit(true);
+          this.hidden.emit(true);
+        } else {
+          this._dropdown.hide();
+        }
 
-      this._state.isOpenChange.emit(false);
-    }, 560);
+        this._state.isOpenChange.emit(false);
+      }, 0);
+    }
     // } else {
     //   if (this._showInline) {
     //     this._isInlineOpen = false;
diff --git a/projects/angular-bootstrap-md/src/lib/free/tables/components/mdb-table-pagination.component.ts b/projects/angular-bootstrap-md/src/lib/free/tables/components/mdb-table-pagination.component.ts
@@ -193,7 +193,7 @@ export class MdbTablePaginationComponent implements OnInit, OnChanges, AfterView
   }
 
   lastPage() {
-    const lastPage = Math.round(this.allItemsLength / this.maxVisibleItems);
+    const lastPage = Math.ceil(this.allItemsLength / this.maxVisibleItems);
     this.activePageNumber = lastPage;
     this.calculateFirstItemIndex();
     this.calculateLastItemIndex();

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "angular-bootstrap-md",`
`3`	`3`	`"repository": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design",`
`4`		`- "version": "8.3.0",`
	`4`	`+ "version": "8.3.1",`
`5`	`5`	`"schematics": "./schematics/collection.json",`
`6`	`6`	`"files": [`
`7`	`7`	`"*/"`
Original file line number	Diff line number	Diff line change
`@@ -276,7 +276,7 @@`
`276`	`276`	`&.md-textarea {`
`277`	`277`	`overflow-y: hidden;`
`278`	`278`	`padding: $textarea-padding 0;`
`279`		`- resize: none;`
	`279`	`+ // resize: none;`
`280`	`280`	`}`
`281`	`281`
`282`	`282`	`&.md-textarea-auto {`
Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,6 @@ export class CheckboxComponent implements OnInit, OnChanges {`
`99`	`99`	`if (this.disabled) {`
`100`	`100`	`return;`
`101`	`101`	`}`
`102`		`-`
`103`	`102`	`this.checked = !this.checked;`
`104`	`103`	`this.indeterminate = false;`
`105`	`104`	`this.onChange(this.checked);`
`@@ -132,6 +131,7 @@ export class CheckboxComponent implements OnInit, OnChanges {`
`132`	`131`	`writeValue(value: any) {`
`133`	`132`	`this.value = value;`
`134`	`133`	`this.checked = !!value;`
	`134`	`+ this._cdRef.markForCheck();`
`135`	`135`	`}`
`136`	`136`
`137`	`137`	`registerOnChange(fn: (_: any) => void) {`
Original file line number	Diff line number	Diff line change
`@@ -66,13 +66,17 @@`
`66`	`66`	`.dropdown-menu {`
`67`	`67`	`display: block;`
`68`	`68`	`opacity: 0;`
`69`		`- transition: 0.55s;`
`70`	`69`	`}`
`71`	`70`
`72`	`71`	`.fadeInDropdown {`
`73`	`72`	`opacity: 1;`
`74`	`73`	`}`
`75`	`74`	`}`
	`75`	`+.dropup-material.show {`
	`76`	`+ .dropdown-menu {`
	`77`	`+ transition: 0.55s;`
	`78`	`+ }`
	`79`	`+}`
`76`	`80`
`77`	`81`	`//material dropdown`
`78`	`82`