11.1.0

Author: unknown

angular-bootstrap-md-11.0.0.tgz

@@ -1,3 +1,22 @@
+11.1.0
+In version 11.1.0 we added some fixes and new features for the existing components. Check what changed below:
+
+**Fixes:**
+
+* Popover - component will not be displayed if no content is provided,
+* Datepicker - resolved problem with label active state and opening component on label click (inline mode),
+* Datepicker - component in modal mode will not open on input click if openOnFocus input is set to false,
+* Collapse - resolved problem with animation, component will not be toggled if animation is not finished,
+* Autocomplete - resolved problem with input keydown listener in Firefox browser when appendToBody option is enabled,
+* Stepper - resolved problem with HTML template updates on step input change,
+* Calendar plugin - added the CalendarView type to the exports list.
+
+**New features:**
+
+* Popover - added new [popoverDisabled] input that allow to disable component,
+* Navbar - added new (shown) and (hidden) outputs,
+* Sidenav - added new (shown) and (hidden) outputs.
+
 11.0.0
 In version 11.0.0 we added support for Angular 11. This update introduces breaking changes, check what changed below:
 
@@ -84,16 +103,6 @@ In version 9.4.0 we added some new features and fixes for the existing component
 * Datepicker - added new inputIcon and inlineInputIcon options, which allow to show and hide toggle icons for specific display mode,
 * Autocomplete - added new dropdownPosition input, which allow to specify the dropdown position (below, above, auto). Default position is set to 'auto'.
 
-9.3.1
-In version 9.3.1 we added some fixes for the existing components, check what changed below:
-
-**Fixes:**
-
-* Sidenav - resolved problem with SSR in Angular Universal,
-* Stepper - resolved problem with adding steps dynamically,
-* Multiselect- resolved problem with setting default value,
-* Select 2 - resolved problem with label position update when setting default value.
-
 9.3.0
 In version 9.3.0 we added some fixes and a new version of Select component, check what changed below:
 
@@ -187,11 +196,11 @@ In version 8.10.0 we added some bug fixes and new features for the existing comp
 
 **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.
+*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:**
 
@@ -402,7 +411,7 @@ In version 8.3.0 we added some fixes, new features and updated code in documenta
 * Toast - resolved problem with maxOpened option,
 * Carousel - resolved problem with displaying first slide when OnPush strategy is used in parent component,
 * Accordion - resolved problem with aria-expanded value,
-* Select - resolve problem with highlightColor and highlightTextColor options,
+* Select - resolved problem with highlightColor and highlightTextColor options,
 * Autocompleter - dropdown will no longer be closed on input click.
 
 **New Features:**

angular-bootstrap-md-11.1.0.tgz

@@ -1,6 +1,6 @@
 {
  "name": "angular-bootstrap-md-lib",
- "version": "11.0.0",
+ "version": "11.1.0",
  "scripts": {
  "ng": "ng",
  "start": "ng serve",
@@ -32,7 +32,7 @@
  "@angular/router": "~11.2.4",
  "@fortawesome/fontawesome-free": "^5.6.3",
  "@types/chart.js": "^2.7.42",
- "angular-bootstrap-md": "file:angular-bootstrap-md-11.0.0.tgz",
+ "angular-bootstrap-md": "file:angular-bootstrap-md-11.1.0.tgz",
  "chart.js": "^2.5.0",
  "core-js": "^2.5.4",
  "hammerjs": "^2.0.8",

changelog

@@ -1,7 +1,7 @@
 {
  "name": "angular-bootstrap-md",
  "repository": "https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design",
- "version": "11.0.0",
+ "version": "11.1.0",
  "schematics": "./schematics/collection.json",
  "ng-update": {
  "migrations": "./schematics/migration.json"

package-lock.json

@@ -1,3 +1,22 @@
+11.1.0
+In version 11.1.0 we added some fixes and new features for the existing components. Check what changed below:
+
+**Fixes:**
+
+* Popover - component will not be displayed if no content is provided,
+* Datepicker - resolved problem with label active state and opening component on label click (inline mode),
+* Datepicker - component in modal mode will not open on input click if openOnFocus input is set to false,
+* Collapse - resolved problem with animation, component will not be toggled if animation is not finished,
+* Autocomplete - resolved problem with input keydown listener in Firefox browser when appendToBody option is enabled,
+* Stepper - resolved problem with HTML template updates on step input change,
+* Calendar plugin - added the CalendarView type to the exports list.
+
+**New features:**
+
+* Popover - added new [popoverDisabled] input that allow to disable component,
+* Navbar - added new (shown) and (hidden) outputs,
+* Sidenav - added new (shown) and (hidden) outputs.
+
 11.0.0
 In version 11.0.0 we added support for Angular 11. This update introduces breaking changes, check what changed below:
 
@@ -84,16 +103,6 @@ In version 9.4.0 we added some new features and fixes for the existing component
 * Datepicker - added new inputIcon and inlineInputIcon options, which allow to show and hide toggle icons for specific display mode,
 * Autocomplete - added new dropdownPosition input, which allow to specify the dropdown position (below, above, auto). Default position is set to 'auto'.
 
-9.3.1
-In version 9.3.1 we added some fixes for the existing components, check what changed below:
-
-**Fixes:**
-
-* Sidenav - resolved problem with SSR in Angular Universal,
-* Stepper - resolved problem with adding steps dynamically,
-* Multiselect- resolved problem with setting default value,
-* Select 2 - resolved problem with label position update when setting default value.
-
 9.3.0
 In version 9.3.0 we added some fixes and a new version of Select component, check what changed below:
 
@@ -187,11 +196,11 @@ In version 8.10.0 we added some bug fixes and new features for the existing comp
 
 **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.
+*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:**
 
@@ -402,7 +411,7 @@ In version 8.3.0 we added some fixes, new features and updated code in documenta
 * Toast - resolved problem with maxOpened option,
 * Carousel - resolved problem with displaying first slide when OnPush strategy is used in parent component,
 * Accordion - resolved problem with aria-expanded value,
-* Select - resolve problem with highlightColor and highlightTextColor options,
+* Select - resolved problem with highlightColor and highlightTextColor options,
 * Autocompleter - dropdown will no longer be closed on input click.
 
 **New Features:**

package.json

@@ -48,11 +48,13 @@ export class CollapseComponent implements OnInit {
  onExpandBodyDone(event: any) {
  setTimeout(() => {
  if (event.toState === 'expanded') {
+ this.isCollapsed = false;
  this.shownBsCollapse.emit(this);
  this.expanded.emit(this);
  this.overflow = 'visible';
  this.showCaptions();
  } else {
+ this.isCollapsed = true;
  this.hiddenBsCollapse.emit(this);
  this.collapsed.emit(this);
  }
@@ -69,7 +71,6 @@ export class CollapseComponent implements OnInit {
 
  show() {
  this.expandAnimationState = 'expanded';
- this.isCollapsed = false;
 
  this.showBsCollapse.emit(this);
  this._cdRef.markForCheck();
@@ -78,7 +79,6 @@ export class CollapseComponent implements OnInit {
  hide() {
  this.overflow = 'hidden';
  this.expandAnimationState = 'collapsed';
- this.isCollapsed = true;
 
  this.hideBsCollapse.emit(this);
  this._cdRef.markForCheck();

projects/angular-bootstrap-md/package.json

@@ -16,6 +16,8 @@ import {
  Inject,
  NgZone,
  OnDestroy,
+ EventEmitter,
+ Output,
 } from '@angular/core';
 import { fromEvent, Subject } from 'rxjs';
 import { LinksComponent } from './links.component';
@@ -37,10 +39,13 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
  @Input() scrollSensitivity = 120;
  @Input() scrollableNavbar = false;
 
+ @Output() shown: EventEmitter<any> = new EventEmitter();
+ @Output() hidden: EventEmitter<any> = new EventEmitter();
+
  private _destroy$: Subject<void> = new Subject();
 
  navbarLinkClicks: any;
- shown = false;
+ isShown = false;
 
  public doubleNav: boolean;
  public height: number;
@@ -137,7 +142,7 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
 
  toggle() {
  if (!this.collapsing) {
- if (this.shown) {
+ if (this.isShown) {
  this.hide();
  } else {
  this.show();
@@ -146,7 +151,7 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
  }
 
  show() {
- this.shown = true;
+ this.isShown = true;
  this.collapse = false;
  this.collapsing = true;
  this.ariaExpanded = true;
@@ -160,14 +165,15 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
  this.collapsing = false;
  this.collapse = true;
  this.showClass = true;
+ this.shown.emit();
  }, this.duration);
 
  this._cdRef.markForCheck();
  }
 
  hide() {
- if (this.shown) {
- this.shown = false;
+ if (this.isShown) {
+ this.isShown = false;
  this.collapse = false;
  this.showClass = false;
  this.collapsing = true;
@@ -179,6 +185,7 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
  setTimeout(() => {
  this.collapsing = false;
  this.collapse = true;
+ this.hidden.emit();
  }, this.duration);
  }
 
@@ -209,7 +216,7 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
  }
 
  if (event.target.innerWidth < breakpoint) {
- if (!this.shown) {
+ if (!this.isShown) {
  this.collapse = false;
  this.renderer.setStyle(this.el.nativeElement, 'height', '0px');
  this.renderer.setStyle(this.el.nativeElement, 'opacity', '0');
@@ -221,7 +228,7 @@ export class NavbarComponent implements AfterViewInit, OnInit, AfterContentCheck
  }
  } else {
  this.collapsing = false;
- this.shown = false;
+ this.isShown = false;
  this.showClass = false;
  this.collapse = true;
  this.ariaExpanded = false;

projects/angular-bootstrap-md/src/lib/changelog

@@ -67,6 +67,7 @@ export class PopoverDirective implements OnInit, OnDestroy {
 
  @Input() dynamicPosition = true;
  @Input() outsideClick = false;
+ @Input() popoverDisabled = false;
  /**
  * Emits an event when the popover is shown
  */
@@ -100,12 +101,20 @@ export class PopoverDirective implements OnInit, OnDestroy {
  this.hidden = this._popover.onHidden;
  }
 
+ get hasContent(): boolean {
+ if (typeof this.mdbPopover === 'string') {
+ return this.mdbPopover.length > 0;
+ }
+
+ return true;
+ }
+
  /**
  * Opens an element’s popover. This is considered a “manual” triggering of
  * the popover.
  */
  public show(): void | any {
- if (this._popover.isShown) {
+ if (this._popover.isShown || this.popoverDisabled || !this.hasContent) {
  return;
  }