Release 8.10.0

kstepien3 · kstepien3 · commit c4080fa707b7 · 2020-02-13T13:46:42.000+01:00
diff --git a/angular-bootstrap-md-8.10.0.tgz b/angular-bootstrap-md-8.10.0.tgz
diff --git a/angular-bootstrap-md-8.9.0.tgz b/angular-bootstrap-md-8.9.0.tgz
diff --git a/changelog b/changelog
@@ -1,3 +1,19 @@
+8.10.0
+In version 8.10.0 we added some bug fixes and new features for the existing components. Check what changed below:
+
+**Fixes:**
+
+* Carousel - selectSlide method will work correctly even if animation type is not specified,
+* Datepicker - resolved problem with setting disabled state in reactive forms (modal version),
+* Textarea - resolved problem with auto resize for default value,
+* Select/Multiselect - resolved problem with background color of highlighted option in colorful select,
+* Select/Multiselect - resolved problem with position of value text in outline mode.
+
+**New features:**
+
+* Carousel - added new allowSwipe input that allow to enable/disable swipe gestures,
+* Icon - added support for Font Awesome Pro Duotone Icons.
+
 8.9.0
 In version 8.9.0 we added some fixes and features for the existing components. 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.9.0",
+  "version": "8.10.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.9.0.tgz",
+    "angular-bootstrap-md": "file:angular-bootstrap-md-8.10.0.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.9.0",
+  "version": "8.10.0",
   "schematics": "./schematics/collection.json",
   "files": [
     "**/*"
diff --git a/projects/angular-bootstrap-md/src/lib/changelog b/projects/angular-bootstrap-md/src/lib/changelog
@@ -1,3 +1,19 @@
+8.10.0
+In version 8.10.0 we added some bug fixes and new features for the existing components. Check what changed below:
+
+**Fixes:**
+
+* Carousel - selectSlide method will work correctly even if animation type is not specified,
+* Datepicker - resolved problem with setting disabled state in reactive forms (modal version),
+* Textarea - resolved problem with auto resize for default value,
+* Select/Multiselect - resolved problem with background color of highlighted option in colorful select,
+* Select/Multiselect - resolved problem with position of value text in outline mode.
+
+**New features:**
+
+* Carousel - added new allowSwipe input that allow to enable/disable swipe gestures,
+* Icon - added support for Font Awesome Pro Duotone Icons.
+
 8.9.0
 In version 8.9.0 we added some fixes and features for the existing components. Check what changed below:
 
diff --git a/projects/angular-bootstrap-md/src/lib/free/carousel/carousel.component.ts b/projects/angular-bootstrap-md/src/lib/free/carousel/carousel.component.ts
@@ -70,6 +70,7 @@ export class CarouselComponent implements OnDestroy, AfterViewInit {
   @Input() public type: String = '';
   @Input() public animation: String = '';
   @Input() activeSlideIndex: number;
+  @Input() allowSwipe = true;
 
   @Output() public activeSlideChange: EventEmitter<any> = new EventEmitter<any>(false);
 
@@ -168,14 +169,16 @@ export class CarouselComponent implements OnDestroy, AfterViewInit {
   }
 
   swipe(action = this.SWIPE_ACTION.RIGHT) {
-    if (action === this.SWIPE_ACTION.RIGHT) {
-      this.previousSlide();
-      this.cdRef.markForCheck();
-    }
+    if (this.allowSwipe) {
+      if (action === this.SWIPE_ACTION.RIGHT) {
+        this.previousSlide();
+        this.cdRef.markForCheck();
+      }
 
-    if (action === this.SWIPE_ACTION.LEFT) {
-      this.nextSlide();
-      this.cdRef.markForCheck();
+      if (action === this.SWIPE_ACTION.LEFT) {
+        this.nextSlide();
+        this.cdRef.markForCheck();
+      }
     }
   }
 
@@ -357,6 +360,15 @@ export class CarouselComponent implements OnDestroy, AfterViewInit {
       if (index !== this.activeSlide) {
         this.fadeAnimation(index);
       }
+    } else if (!this.animation) {
+      setTimeout(() => {
+        const direction = index < this.activeSlide ? 'Prev' : 'Next';
+        this._select(index);
+        this.activeSlideChange.emit({
+          direction,
+          relatedTarget: this.activeSlide,
+        });
+      }, 0);
     }
     this.play();
   }
diff --git a/projects/angular-bootstrap-md/src/lib/free/icons/directives/fad.directive.ts b/projects/angular-bootstrap-md/src/lib/free/icons/directives/fad.directive.ts
@@ -0,0 +1,9 @@
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+
+// tslint:disable-next-line:directive-selector
+@Directive({ selector: '[fad], [duotone]' })
+export class FadDirective {
+  constructor(private _el: ElementRef, private _r: Renderer2) {
+    this._r.addClass(this._el.nativeElement, 'fad');
+  }
+}
diff --git a/projects/angular-bootstrap-md/src/lib/free/icons/icon.component.html b/projects/angular-bootstrap-md/src/lib/free/icons/icon.component.html
@@ -1 +1,4 @@
-<i [ngClass]="{'fas': fas, 'far': far, 'fab': fab, 'fal': fal}" class="fa-{{icon}} {{class}} {{classInside}} {{sizeClass}}"></i>
+<i
+  [ngClass]="{ fas: fas, far: far, fab: fab, fal: fal, fad: fad }"
+  class="fa-{{ icon }} {{ class }} {{ classInside }} {{ sizeClass }}"
+></i>
diff --git a/projects/angular-bootstrap-md/src/lib/free/icons/icon.component.ts b/projects/angular-bootstrap-md/src/lib/free/icons/icon.component.ts
@@ -22,6 +22,7 @@ export class MdbIconComponent implements OnInit {
   fab = false;
   far = false;
   fal = false;
+  fad = false;
   fas = true;
 
   sizeClass = '';
@@ -40,6 +41,7 @@ export class MdbIconComponent implements OnInit {
     this.far = classList.contains('far');
     this.fas = classList.contains('fas');
     this.fal = classList.contains('fal');
+    this.fad = classList.contains('fad');
 
     const formWrapper =
       this.utils.getClosestEl(this._el.nativeElement, '.md-form') ||
diff --git a/projects/angular-bootstrap-md/src/lib/free/icons/icon.module.ts b/projects/angular-bootstrap-md/src/lib/free/icons/icon.module.ts
@@ -5,10 +5,18 @@ import { FarDirective } from './directives/far.directive';
 import { FasDirective } from './directives/fas.directive';
 import { FalDirective } from './directives/fal.directive';
 import { CommonModule } from '@angular/common';
+import { FadDirective } from './directives/fad.directive';
 
 @NgModule({
-  declarations: [MdbIconComponent, FabDirective, FarDirective, FasDirective, FalDirective],
+  declarations: [
+    MdbIconComponent,
+    FabDirective,
+    FarDirective,
+    FasDirective,
+    FalDirective,
+    FadDirective,
+  ],
   imports: [CommonModule],
-  exports: [MdbIconComponent, FabDirective, FarDirective, FasDirective, FalDirective],
+  exports: [MdbIconComponent, FabDirective, FarDirective, FasDirective, FalDirective, FadDirective],
 })
 export class IconsModule {}
diff --git a/projects/angular-bootstrap-md/src/lib/free/inputs/input.directive.ts b/projects/angular-bootstrap-md/src/lib/free/inputs/input.directive.ts
@@ -110,6 +110,9 @@ export class MdbInput implements AfterViewChecked, AfterViewInit {
     if (this.isBrowser) {
       try {
         this.element = document.querySelector('.md-textarea-auto');
+        if (this.element) {
+          this.delayedResize();
+        }
       } catch (error) {}
     }
     const type = this.el.nativeElement.type;

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.9.0",`
	`4`	`+ "version": "8.10.0",`
`5`	`5`	`"schematics": "./schematics/collection.json",`
`6`	`6`	`"files": [`
`7`	`7`	`"*/"`