Release 8.8.2

idzark · idzark · commit 182e81d7c102 · 2020-01-16T13:58:13.000+01:00
diff --git a/angular-bootstrap-md-8.8.1.tgz b/angular-bootstrap-md-8.8.1.tgz
diff --git a/angular-bootstrap-md-8.8.2.tgz b/angular-bootstrap-md-8.8.2.tgz
diff --git a/changelog b/changelog
@@ -1,3 +1,20 @@
+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:
 
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.8.1",
+  "version": "8.8.2",
   "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.8.1.tgz",
+    "angular-bootstrap-md": "file:angular-bootstrap-md-8.8.2.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.8.1",
+  "version": "8.8.2",
   "schematics": "./schematics/collection.json",
   "files": [
     "**/*"
diff --git a/projects/angular-bootstrap-md/src/lib/assets/scss/core/_waves.scss b/projects/angular-bootstrap-md/src/lib/assets/scss/core/_waves.scss
@@ -157,7 +157,7 @@
   display: block;
 }
 
-a {
+a:not(.nav-link) {
   &.waves-effect,
   &.waves-light {
     display: inline-block;
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
@@ -238,6 +238,12 @@
 
     &.active {
       color: $input-md-focus-color;
+      &.success-message {
+        color: $input-success-color;
+      }
+      &.error-message {
+        color: $input-error-color;
+      }
     }
   }
 
diff --git a/projects/angular-bootstrap-md/src/lib/changelog b/projects/angular-bootstrap-md/src/lib/changelog
@@ -1,3 +1,20 @@
+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:
 
diff --git a/projects/angular-bootstrap-md/src/lib/free/buttons/_buttons.scss b/projects/angular-bootstrap-md/src/lib/free/buttons/_buttons.scss
@@ -72,7 +72,7 @@
     margin: inherit;
   }
   &.btn-link {
-    @extend .black-text;
+    color: #000;
     box-shadow: none;
     background-color: transparent;
     &:active,
diff --git a/projects/angular-bootstrap-md/src/lib/free/buttons/buttons-module.scss b/projects/angular-bootstrap-md/src/lib/free/buttons/buttons-module.scss
@@ -1,7 +1,6 @@
 @import '../../assets/scss/core/mixins';
 @import '../../assets/scss/core/colors';
 @import '../../assets/scss/core/variables';
-@import '../../assets/scss/core/global';
 
 
 @import 'buttons';
diff --git a/projects/angular-bootstrap-md/src/lib/free/cards/cards-module.scss b/projects/angular-bootstrap-md/src/lib/free/cards/cards-module.scss
@@ -1,7 +1,6 @@
 @import '../../assets/scss/core/mixins';
 @import '../../assets/scss/core/colors';
 @import '../../assets/scss/core/variables';
-@import '../../assets/scss/core/global';
 
 
 @import 'cards';
diff --git a/projects/angular-bootstrap-md/src/lib/free/carousel/carousel-module.scss b/projects/angular-bootstrap-md/src/lib/free/carousel/carousel-module.scss
@@ -1,7 +1,6 @@
 @import '../../assets/scss/core/mixins';
 @import '../../assets/scss/core/colors';
 @import '../../assets/scss/core/variables';
-@import '../../assets/scss/core/global';
 
 
 @import 'carousel';
diff --git a/projects/angular-bootstrap-md/src/lib/free/dropdown/dropdown-module.scss b/projects/angular-bootstrap-md/src/lib/free/dropdown/dropdown-module.scss
@@ -1,7 +1,6 @@
 @import '../../assets/scss/core/mixins';
 @import '../../assets/scss/core/colors';
 @import '../../assets/scss/core/variables';
-@import '../../assets/scss/core/global';
 
 
 @import 'dropdown';
diff --git a/projects/angular-bootstrap-md/src/lib/free/input-utilities/_input-utilities.scss b/projects/angular-bootstrap-md/src/lib/free/input-utilities/_input-utilities.scss
@@ -1,12 +1,15 @@
 .error-message,
 .success-message {
   position: absolute;
-  bottom: -20px;
+  top: 40px;
   left: 0;
-  top: unset;
   font-size: 0.8rem;
 }
-
+textarea ~ .error-message,
+textarea ~ .success-message {
+  top: unset;
+  bottom: -20px;
+}
 .error-message {
   color: $input-error-color;
 }
diff --git a/projects/angular-bootstrap-md/src/lib/free/input-utilities/error.directive.ts b/projects/angular-bootstrap-md/src/lib/free/input-utilities/error.directive.ts
@@ -20,6 +20,7 @@ let defaultIdNumber = 0;
 })
 // tslint:disable-next-line:component-class-suffix
 export class MdbErrorDirective implements OnInit, OnDestroy {
+  prefix: HTMLElement;
   @Input() id = `mdb-error-${defaultIdNumber++}`;
 
   @HostBinding('class.error-message') errorMsg = true;
@@ -41,6 +42,11 @@ export class MdbErrorDirective implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
+    this.prefix = this.el.nativeElement.parentNode.querySelector('.prefix');
+    if (this.prefix) {
+      this.prefix.classList.add('error-message');
+    }
+
     const textarea = this.utils.getClosestEl(this.el.nativeElement, '.md-textarea');
     this._calculateMarginTop();
     if (textarea) {
@@ -58,5 +64,8 @@ export class MdbErrorDirective implements OnInit, OnDestroy {
     if (this.textareaListenFunction) {
       this.textareaListenFunction();
     }
+    if (this.prefix) {
+      this.prefix.classList.remove('error-message');
+    }
   }
 }
diff --git a/projects/angular-bootstrap-md/src/lib/free/input-utilities/success.directive.ts b/projects/angular-bootstrap-md/src/lib/free/input-utilities/success.directive.ts
@@ -20,6 +20,7 @@ let defaultIdNumber = 0;
 })
 // tslint:disable-next-line:component-class-suffix
 export class MdbSuccessDirective implements OnInit, OnDestroy {
+  prefix: HTMLElement;
   @Input() id = `mdb-success-${defaultIdNumber++}`;
 
   @HostBinding('class.success-message') successMsg = true;
@@ -41,7 +42,13 @@ export class MdbSuccessDirective implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
+    this.prefix = this.el.nativeElement.parentNode.querySelector('.prefix');
+    if (this.prefix) {
+      this.prefix.classList.add('success-message');
+    }
+
     const textarea = this.utils.getClosestEl(this.el.nativeElement, '.md-textarea');
+
     this._calculateMarginTop();
     if (textarea) {
       let height = textarea.offsetHeight + 4 + 'px';
@@ -58,5 +65,8 @@ export class MdbSuccessDirective implements OnInit, OnDestroy {
     if (this.textareaListenFunction) {
       this.textareaListenFunction();
     }
+    if (this.prefix) {
+      this.prefix.classList.remove('success-message');
+    }
   }
 }
diff --git a/projects/angular-bootstrap-md/src/lib/free/modals/modal.directive.ts b/projects/angular-bootstrap-md/src/lib/free/modals/modal.directive.ts
@@ -7,6 +7,7 @@ import {
   HostListener,
   Input,
   OnDestroy,
+  OnChanges,
   Output,
   Renderer2,
   ViewContainerRef,
@@ -35,7 +36,7 @@ const BACKDROP_TRANSITION_DURATION = 150;
   exportAs: 'mdb-modal, mdbModal',
 })
 // tslint:disable-next-line:component-class-suffix
-export class ModalDirective implements AfterViewInit, OnDestroy {
+export class ModalDirective implements AfterViewInit, OnDestroy, OnChanges {
   /** allows to set modal configuration via element property */
   @Input()
   public set config(conf: ModalOptions | any) {
@@ -84,7 +85,7 @@ export class ModalDirective implements AfterViewInit, OnDestroy {
   protected timerRmBackDrop: any = 0;
 
   // reference to backdrop component
-  protected backdrop: ComponentRef<ModalBackdropComponent>;
+  protected backdrop: ComponentRef<ModalBackdropComponent> | undefined;
   private _backdrop: ComponentLoader<ModalBackdropComponent>;
   // todo: implement _dialog
   _dialog: any;
@@ -150,6 +151,10 @@ export class ModalDirective implements AfterViewInit, OnDestroy {
     }, 0);
   }
 
+  public ngOnChanges(): any {
+    this.config.backdrop ? this.showBackdrop() : this.removeBackdrop();
+  }
+
   /* Public methods */
 
   /** Allows to manually toggle modal visibility */
@@ -351,6 +356,7 @@ export class ModalDirective implements AfterViewInit, OnDestroy {
   /** @internal */
   protected removeBackdrop(): void {
     this._backdrop.hide();
+    this.backdrop = undefined;
   }
 
   protected focusOtherModal() {
diff --git a/projects/angular-bootstrap-md/src/lib/free/tables/_tables.scss b/projects/angular-bootstrap-md/src/lib/free/tables/_tables.scss
@@ -17,13 +17,6 @@ table {
       padding-top: $table-th-padding-top;
       padding-bottom: $table-td-padding-bottom;
     }
-    a {
-      margin: 0;
-      color: $table-a-color;
-      // &.btn {
-      //   color: inherit;
-      // }
-    }
     .label-table {
       margin: 0;
       padding: 0;
diff --git a/projects/angular-bootstrap-md/src/lib/free/tables/directives/mdb-table-sort.directive.ts b/projects/angular-bootstrap-md/src/lib/free/tables/directives/mdb-table-sort.directive.ts
@@ -68,6 +68,22 @@ export class MdbTableSortDirective implements OnInit {
   }
 
   sortDataBy(key: string | any) {
+    let ariaPass = true;
+
+    const setAria = (sort: 'ascending' | 'descending', id: any) => {
+      if (ariaPass) {
+        const inverse = sort === 'ascending' ? 'descending' : 'ascending';
+
+        this.renderer.setAttribute(this.el.nativeElement, 'aria-sort', sort);
+        this.renderer.setAttribute(
+          this.el.nativeElement,
+          'aria-label',
+          `${id}: activate to sort column ${inverse}`
+        );
+        ariaPass = false;
+      }
+    };
+
     key = key.split('.');
 
     this.dataSource.sort((a: any, b: any) => {
@@ -79,22 +95,12 @@ export class MdbTableSortDirective implements OnInit {
       }
 
       if (a < b) {
-        this.renderer.setAttribute(this.el.nativeElement, 'aria-sort', 'ascending');
-        this.renderer.setAttribute(
-          this.el.nativeElement,
-          'aria-label',
-          `${key}: activate to sort column descending`
-        );
+        setAria('ascending', key);
         this.order = SortDirection.ASC;
 
         return this.sortedInto ? 1 : -1;
       } else if (a > b) {
-        this.renderer.setAttribute(this.el.nativeElement, 'aria-sort', 'descending');
-        this.renderer.setAttribute(
-          this.el.nativeElement,
-          'aria-label',
-          `${key}: activate to sort column ascending`
-        );
+        setAria('descending', key);
         this.order = SortDirection.DESC;
 
         return this.sortedInto ? -1 : 1;
diff --git a/projects/angular-bootstrap-md/src/lib/free/tooltip/_tooltip.scss b/projects/angular-bootstrap-md/src/lib/free/tooltip/_tooltip.scss
@@ -100,7 +100,7 @@ a
   text-align: center;
   // background-color: $tooltip-bg;
   padding: 0.2rem 0.4rem;
-  @extend .z-depth-1-half;
+  box-shadow: $z-depth-1-half;
   border-radius: ($border-radius);
 
   &::before {
diff --git a/projects/angular-bootstrap-md/src/lib/free/tooltip/tooltip-module.scss b/projects/angular-bootstrap-md/src/lib/free/tooltip/tooltip-module.scss
@@ -1,7 +1,6 @@
 @import '../../assets/scss/core/mixins';
 @import '../../assets/scss/core/colors';
 @import '../../assets/scss/core/variables';
-@import '../../assets/scss/core/global';
 @import '../../assets/scss/core/bootstrap/functions';
 @import '../../assets/scss/core/bootstrap/variables';
 

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.8.1",`
	`4`	`+ "version": "8.8.2",`
`5`	`5`	`"schematics": "./schematics/collection.json",`
`6`	`6`	`"files": [`
`7`	`7`	`"*/"`
Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@`
`157`	`157`	`display: block;`
`158`	`158`	`}`
`159`	`159`
`160`		`-a {`
	`160`	`+a:not(.nav-link) {`
`161`	`161`	`&.waves-effect,`
`162`	`162`	`&.waves-light {`
`163`	`163`	`display: inline-block;`
Original file line number	Diff line number	Diff line change
`@@ -238,6 +238,12 @@`
`238`	`238`
`239`	`239`	`&.active {`
`240`	`240`	`color: $input-md-focus-color;`
	`241`	`+ &.success-message {`
	`242`	`+ color: $input-success-color;`
	`243`	`+ }`
	`244`	`+ &.error-message {`
	`245`	`+ color: $input-error-color;`
	`246`	`+ }`
`241`	`247`	`}`
`242`	`248`	`}`
`243`	`249`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@`
`72`	`72`	`margin: inherit;`
`73`	`73`	`}`
`74`	`74`	`&.btn-link {`
`75`		`- @extend .black-text;`
	`75`	`+ color: #000;`
`76`	`76`	`box-shadow: none;`
`77`	`77`	`background-color: transparent;`
`78`	`78`	`&:active,`