Release 1.6.1

Author: idzark

CHANGELOG.md

@@ -1,3 +1,22 @@
+## 1.6.1 (24.01.2022)
+
+### Optimization:
+
+- Documentation migration from Wordpress to Hugo,
+- Updated code in snippets in documentation to work properly with tsconfig strict settings.
+
+### Fixes and improvements:
+
+- Input - resolved problem with label position in input with type="date",
+- Datepicker/Timepicker - improved backdrop animation (removed unnecessary delay),
+- Datepicker - resolved problem with navigation using previous/next arrows when min and max date is specified,
+- Sidenav - animation of the collapsed item in slim mode will be now in sync with animation of the menu (previously there was unnecessary delay)
+- Select - list of filtered options will be now correctly reset after the dropdown menu is closed,
+- Treeview plugin - click on checkbox will no longer change collapsed state of the node,
+- Treeview plugin - checked state of the checkox in parent node will be now in sync with the checkboxes in child nodes.
+
+---
+
 ## 1.6.0 (27.12.2021)
 
 ### Dependencies:

README.txt

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

package-lock.json

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

package.json

@@ -1,3 +1,22 @@
+## 1.6.1 (24.01.2022)
+
+### Optimization:
+
+- Documentation migration from Wordpress to Hugo,
+- Updated code in snippets in documentation to work properly with tsconfig strict settings.
+
+### Fixes and improvements:
+
+- Input - resolved problem with label position in input with type="date",
+- Datepicker/Timepicker - improved backdrop animation (removed unnecessary delay),
+- Datepicker - resolved problem with navigation using previous/next arrows when min and max date is specified,
+- Sidenav - animation of the collapsed item in slim mode will be now in sync with animation of the menu (previously there was unnecessary delay)
+- Select - list of filtered options will be now correctly reset after the dropdown menu is closed,
+- Treeview plugin - click on checkbox will no longer change collapsed state of the node,
+- Treeview plugin - checked state of the checkox in parent node will be now in sync with the checkboxes in child nodes.
+
+---
+
 ## 1.6.0 (27.12.2021)
 
 ### Dependencies:

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

@@ -19,6 +19,7 @@
 @import './bootstrap/grid';
 
 // BOOTSTRAP COMPONENTS
+@import './bootstrap/accordion';
 @import './bootstrap/tables';
 @import './bootstrap/forms';
 @import './bootstrap/buttons';

projects/mdb-angular-ui-kit/assets/scss/mdb.scss

@@ -1,5 +1,6 @@
 import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 import {
+  AfterViewInit,
   Directive,
   DoCheck,
   ElementRef,
@@ -21,7 +22,7 @@ import { MdbAbstractFormControl } from './form-control';
   providers: [{ provide: MdbAbstractFormControl, useExisting: MdbInputDirective }],
 })
 // eslint-disable-next-line @angular-eslint/component-class-suffix
-export class MdbInputDirective implements MdbAbstractFormControl<any>, DoCheck {
+export class MdbInputDirective implements MdbAbstractFormControl<any>, DoCheck, AfterViewInit {
   constructor(
     private _elementRef: ElementRef,
     private _renderer: Renderer2,
@@ -31,6 +32,14 @@ export class MdbInputDirective implements MdbAbstractFormControl<any>, DoCheck {
   readonly stateChanges: Subject<void> = new Subject<void>();
 
   private _focused = false;
+  private _color = '';
+
+  ngAfterViewInit() {
+    this._color = getComputedStyle(this._elementRef.nativeElement).color;
+    if (this._elementRef.nativeElement.type === 'date') {
+      this._updateTextColorForDateType();
+    }
+  }
 
   private _currentNativeValue: any;
 
@@ -74,21 +83,35 @@ export class MdbInputDirective implements MdbAbstractFormControl<any>, DoCheck {
   }
   private _value: any;
 
+  private _updateTextColorForDateType() {
+    const actualColor = getComputedStyle(this._elementRef.nativeElement).color;
+    this._color = actualColor !== 'rgba(0, 0, 0, 0)' ? actualColor : this._color;
+
+    const color = this.labelActive ? this._color : `transparent`;
+
+    this._renderer.setStyle(this._elementRef.nativeElement, 'color', color);
+  }
+
   @HostListener('focus')
   _onFocus(): void {
     this._focused = true;
+    if (this._elementRef.nativeElement.type === 'date') {
+      this._updateTextColorForDateType();
+    }
     this.stateChanges.next();
   }
 
   @HostListener('blur')
   _onBlur(): void {
     this._focused = false;
+    if (this._elementRef.nativeElement.type === 'date') {
+      this._updateTextColorForDateType();
+    }
     this.stateChanges.next();
   }
 
   ngDoCheck(): void {
     const value = this._elementRef.nativeElement.value;
-
     if (this._currentNativeValue !== value) {
       this._currentNativeValue = value;
       this.stateChanges.next();

projects/mdb-angular-ui-kit/forms/input.directive.ts

@@ -3,7 +3,7 @@
   "repository": "https://github.com/mdbootstrap/mdb-angular-ui-kit",
   "author": "MDBootstrap",
   "license": "MIT",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "peerDependencies": {
     "@angular/common": "^12.0.0",
     "@angular/core": "^12.0.0",

projects/mdb-angular-ui-kit/package.json

@@ -8,7 +8,7 @@
           style="width: 180px"
         />
       </div>
-      <h5 class="mb-3">This is MDB Free</h5>
+      <h5 class="mb-3">This is MDB</h5>
 
       <p>
         We hope it exceeds your expectations.<br />