Release 1.1.0

Author: idzark

CHANGELOG.md

@@ -1,3 +1,27 @@
+## 1.1.0 (06.09.2021)
+
+### Fixes and improvements:
+
+- Table pagination - resolved problem with disabled state of next button,
+- Input - resolved problem with disabled state updates using Angular form control methods,
+- Table - resolved problem with default filter function,
+- Datepicker - resolved problem with disabled state of toggle button,
+- Timepicker - resolved problem with setting default value in component with 24h format,
+- Sidenav - resolved problem with `Cannot read property destroy of undefined` error,
+- Select - resolved problem with disabled state of checkboxes in options,
+- Select - resolved problem with closing modal on clear button click,
+- Dropdown - menu will be now closed correctly on item click.
+
+### New components:
+
+- [Theming](https://mdbootstrap.com/docs/b5/angular/content-styles/theme)
+
+### New features:
+
+- Table pagination - added new `rowsPerPageText` input that allow to change default 'Rows per page' text
+
+---
+
 ## 1.0.0 (09.08.2021)
 
 In this version we introduced some breaking changes, please check `Breaking changes` section and update your application accordingly.

README.txt

@@ -1,6 +1,6 @@
 MDB 5 Angular
 
-Version: FREE 1.0.0
+Version: FREE 1.1.0
 
 Documentation:
 https://mdbootstrap.com/docs/b5/angular/

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-angular-ui-kit-free",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package.json

@@ -1,3 +1,27 @@
+## 1.1.0 (06.09.2021)
+
+### Fixes and improvements:
+
+- Table pagination - resolved problem with disabled state of next button,
+- Input - resolved problem with disabled state updates using Angular form control methods,
+- Table - resolved problem with default filter function,
+- Datepicker - resolved problem with disabled state of toggle button,
+- Timepicker - resolved problem with setting default value in component with 24h format,
+- Sidenav - resolved problem with `Cannot read property destroy of undefined` error,
+- Select - resolved problem with disabled state of checkboxes in options,
+- Select - resolved problem with closing modal on clear button click,
+- Dropdown - menu will be now closed correctly on item click.
+
+### New components:
+
+- [Theming](https://mdbootstrap.com/docs/b5/angular/content-styles/theme)
+
+### New features:
+
+- Table pagination - added new `rowsPerPageText` input that allow to change default 'Rows per page' text
+
+---
+
 ## 1.0.0 (09.08.2021)
 
 In this version we introduced some breaking changes, please check `Breaking changes` section and update your application accordingly.

projects/mdb-angular-ui-kit/CHANGELOG.md

@@ -10,6 +10,7 @@ import {
 import { startWith, switchMap } from 'rxjs/operators';
 import { merge } from 'rxjs';
 import { MdbAccordionItemComponent } from './accordion-item.component';
+import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 
 @Component({
   selector: 'mdb-accordion',
@@ -19,8 +20,23 @@ import { MdbAccordionItemComponent } from './accordion-item.component';
 export class MdbAccordionComponent implements AfterContentInit {
   @ContentChildren(MdbAccordionItemComponent) items: QueryList<MdbAccordionItemComponent>;
 
-  @Input() flush = false;
-  @Input() multiple = false;
+  @Input()
+  get flush(): boolean {
+    return this._flush;
+  }
+  set flush(value: boolean) {
+    this._flush = coerceBooleanProperty(value);
+  }
+  private _flush = false;
+
+  @Input()
+  get multiple(): boolean {
+    return this._multiple;
+  }
+  set multiple(value: boolean) {
+    this._multiple = coerceBooleanProperty(value);
+  }
+  private _multiple = false;
 
   @HostBinding('class.accordion') accordion = true;
   @HostBinding('class.accordion-flush')
@@ -52,4 +68,7 @@ export class MdbAccordionComponent implements AfterContentInit {
       itemsToClose.forEach((item: MdbAccordionItemComponent) => item.hide());
     }
   }
+
+  static ngAcceptInputType_flush: BooleanInput;
+  static ngAcceptInputType_multiple: BooleanInput;
 }

projects/mdb-angular-ui-kit/accordion/accordion.component.ts

@@ -1,3 +1,4 @@
+import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 import {
   AfterViewInit,
   ChangeDetectionStrategy,
@@ -34,10 +35,42 @@ export class MdbCarouselComponent implements AfterViewInit, OnDestroy {
   }
 
   @Input() animation: 'slide' | 'fade' = 'slide';
-  @Input() controls = false;
-  @Input() dark = false;
-  @Input() indicators = false;
-  @Input() ride = true;
+
+  @Input()
+  get controls(): boolean {
+    return this._controls;
+  }
+  set controls(value: boolean) {
+    this._controls = coerceBooleanProperty(value);
+  }
+  private _controls = false;
+
+  @Input()
+  get dark(): boolean {
+    return this._dark;
+  }
+  set dark(value: boolean) {
+    this._dark = coerceBooleanProperty(value);
+  }
+  private _dark = false;
+
+  @Input()
+  get indicators(): boolean {
+    return this._indicators;
+  }
+  set indicators(value: boolean) {
+    this._indicators = coerceBooleanProperty(value);
+  }
+  private _indicators = false;
+
+  @Input()
+  get ride(): boolean {
+    return this._ride;
+  }
+  set ride(value: boolean) {
+    this._ride = coerceBooleanProperty(value);
+  }
+  private _ride = true;
 
   @Input()
   get interval(): number {
@@ -352,4 +385,9 @@ export class MdbCarouselComponent implements AfterViewInit, OnDestroy {
       return this._activeSlide;
     }
   }
+
+  static ngAcceptInputType_controls: BooleanInput;
+  static ngAcceptInputType_dark: BooleanInput;
+  static ngAcceptInputType_indicators: BooleanInput;
+  static ngAcceptInputType_ride: BooleanInput;
 }

projects/mdb-angular-ui-kit/carousel/carousel.component.ts

@@ -1,3 +1,4 @@
+import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 import {
   EventEmitter,
   forwardRef,
@@ -32,7 +33,7 @@ export class MdbCheckboxDirective {
     return this._checked;
   }
   set checked(value: boolean) {
-    this._checked = value;
+    this._checked = coerceBooleanProperty(value);
   }
   private _checked = false;
 
@@ -50,7 +51,7 @@ export class MdbCheckboxDirective {
     return this._disabled;
   }
   set disabled(value: boolean) {
-    this._disabled = value;
+    this._disabled = coerceBooleanProperty(value);
   }
   private _disabled = false;
 
@@ -118,4 +119,7 @@ export class MdbCheckboxDirective {
   setDisabledState(isDisabled: boolean): void {
     this.disabled = isDisabled;
   }
+
+  static ngAcceptInputType_checked: BooleanInput;
+  static ngAcceptInputType_disabled: BooleanInput;
 }