Release 3.0.1

Author: idzark

CHANGELOG.md

@@ -1,3 +1,28 @@
+## 3.0.1 (05.12.2022)
+
+### Fixes and improvements:
+
+- [Timepicker](https://mdbootstrap.com/docs/angular/forms/timepicker/)
+  - Removed border styles displayed on focused elements
+  - Resolved problems with keyboard navigation
+- It will be now possible to jump to any step in [linear stepper](https://mdbootstrap.com/docs/angular/components/stepper/#section-linear-stepper-example/), as long as all previous steps are completed
+- Resolved problems with `acceptedExtensions` in [file upload plugin](https://mdbootstrap.com/docs/angular/plugins/file-upload/)
+- Select all option will now select/deselect only filtered options when used inside a [select component with filter](https://mdbootstrap.com/docs/angular/forms/select/#section-search/)
+- Events `itemShown` and `itemHidden` in [accordion](https://mdbootstrap.com/docs/angular/components/accordion/) will be now correctly emitted after animation end
+- Resolved problem with close animation in [popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/)
+- Resolved problem with value returned to [autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) form control on option selection
+- Resolved problem with wrong page value returned by `(paginationChange)` event in [datatable](https://mdbootstrap.com/docs/angular/data/datatables/)
+- Increased backdrop z-index in [onboarding plugin](https://mdbootstrap.com/docs/angular/plugins/onboarding/)
+- Resolved problem with `autohide` option in [toast](https://mdbootstrap.com/docs/angular/components/toasts/), notification will be removed only if it is not hovered
+- Added default padding to the content container in [WYSIWYG editor plugin](https://mdbootstrap.com/docs/angular/plugins/wysiwyg-editor/)
+- Resolved problem with Angular dependencies versions in schematics installation
+
+### New:
+
+- Addew new [scroll status plugin](https://mdbootstrap.com/docs/angular/plugins/scroll-status/)
+
+---
+
 ## 3.0.0 (10.10.2022)
 
 This version requires Angular v14 and Node 14.15.0 (or later). Follow the [Angular update guide](https://update.angular.io/?l=3&v=13.0-14.0) to migrate your project to Angular 14:

package-lock.json

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

package.json

@@ -1,3 +1,28 @@
+## 3.0.1 (05.12.2022)
+
+### Fixes and improvements:
+
+- [Timepicker](https://mdbootstrap.com/docs/angular/forms/timepicker/)
+  - Removed border styles displayed on focused elements
+  - Resolved problems with keyboard navigation
+- It will be now possible to jump to any step in [linear stepper](https://mdbootstrap.com/docs/angular/components/stepper/#section-linear-stepper-example/), as long as all previous steps are completed
+- Resolved problems with `acceptedExtensions` in [file upload plugin](https://mdbootstrap.com/docs/angular/plugins/file-upload/)
+- Select all option will now select/deselect only filtered options when used inside a [select component with filter](https://mdbootstrap.com/docs/angular/forms/select/#section-search/)
+- Events `itemShown` and `itemHidden` in [accordion](https://mdbootstrap.com/docs/angular/components/accordion/) will be now correctly emitted after animation end
+- Resolved problem with close animation in [popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/)
+- Resolved problem with value returned to [autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) form control on option selection
+- Resolved problem with wrong page value returned by `(paginationChange)` event in [datatable](https://mdbootstrap.com/docs/angular/data/datatables/)
+- Increased backdrop z-index in [onboarding plugin](https://mdbootstrap.com/docs/angular/plugins/onboarding/)
+- Resolved problem with `autohide` option in [toast](https://mdbootstrap.com/docs/angular/components/toasts/), notification will be removed only if it is not hovered
+- Added default padding to the content container in [WYSIWYG editor plugin](https://mdbootstrap.com/docs/angular/plugins/wysiwyg-editor/)
+- Resolved problem with Angular dependencies versions in schematics installation
+
+### New:
+
+- Addew new [scroll status plugin](https://mdbootstrap.com/docs/angular/plugins/scroll-status/)
+
+---
+
 ## 3.0.0 (10.10.2022)
 
 This version requires Angular v14 and Node 14.15.0 (or later). Follow the [Angular update guide](https://update.angular.io/?l=3&v=13.0-14.0) to migrate your project to Angular 14:

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

@@ -15,8 +15,8 @@ <h2 class="accordion-header" [id]="_headerId">
   mdbCollapse
   (collapseShow)="onShow()"
   (collapseHide)="onHide()"
-  (collapseShow)="onShown()"
-  (collapseHide)="onHidden()"
+  (collapseShown)="onShown()"
+  (collapseHidden)="onHidden()"
   [attr.id]="id"
   [attr.aria-labelledby]="_headerId"
 >

projects/mdb-angular-ui-kit/accordion/accordion-item.component.html

@@ -3,6 +3,8 @@ import { ComponentFixture, fakeAsync, flush, TestBed, tick } from '@angular/core
 import { MdbAccordionItemComponent } from './accordion-item.component';
 import { MdbAccordionModule } from './accordion.module';
 
+const ANIMATION_TIME = 350; // animation time from collapse directive
+
 const template = `
 <mdb-accordion [multiple]="multiple" [flush]="flush">
     <mdb-accordion-item>
@@ -169,4 +171,37 @@ describe('MDB Accordion', () => {
 
     expect(accordion.classList).toContain('accordion-flush');
   });
+
+  it('should emit correct events on item collapse and expand', fakeAsync(() => {
+    const item = component.accordionItems[0];
+
+    const showSpy = jest.spyOn(item.itemShow, 'emit');
+    const shownSpy = jest.spyOn(item.itemShown, 'emit');
+    const hideSpy = jest.spyOn(item.itemHide, 'emit');
+    const hiddenSpy = jest.spyOn(item.itemHidden, 'emit');
+
+    item.show();
+    fixture.detectChanges();
+
+    expect(showSpy).toHaveBeenCalled();
+    expect(shownSpy).not.toHaveBeenCalled();
+
+    tick(ANIMATION_TIME);
+    flush();
+    fixture.detectChanges();
+
+    expect(shownSpy).toHaveBeenCalled();
+
+    item.hide();
+    fixture.detectChanges();
+
+    expect(hideSpy).toHaveBeenCalled();
+    expect(hiddenSpy).not.toHaveBeenCalled();
+
+    tick(ANIMATION_TIME);
+    flush();
+    fixture.detectChanges();
+
+    expect(hiddenSpy).toHaveBeenCalled();
+  }));
 });

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

@@ -54,8 +54,6 @@ export class MdbModalContainerComponent implements OnInit, AfterViewInit, OnDest
 
   ngOnInit(): void {
     this._updateContainerClass();
-    this._renderer.addClass(this._document.body, 'modal-open');
-    this._renderer.setStyle(this._document.body, 'padding-right', '15px');
     this._renderer.setStyle(this._elementRef.nativeElement, 'display', 'block');
     this._previouslyFocusedElement = this._document.activeElement as HTMLElement;
     this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);
@@ -74,6 +72,15 @@ export class MdbModalContainerComponent implements OnInit, AfterViewInit, OnDest
   }
 
   ngAfterViewInit(): void {
+    const widthWithVerticalScroll = this._document.body.offsetWidth;
+    this._renderer.addClass(this._document.body, 'modal-open');
+    const widthWithoutVerticalScroll = this._document.body.offsetWidth;
+    this._renderer.setStyle(
+      this._document.body,
+      'padding-right',
+      `${widthWithoutVerticalScroll - widthWithVerticalScroll}px`
+    );
+
     if (!this._config.ignoreBackdropClick) {
       fromEvent(this._elementRef.nativeElement, 'mousedown')
         .pipe(

projects/mdb-angular-ui-kit/modal/modal-container.component.ts

@@ -4,7 +4,7 @@
   "homepage": "https://mdbootstrap.com/docs/b5/angular/",
   "author": "MDBootstrap",
   "license": "MIT",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",

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

@@ -6,7 +6,7 @@ import { addPackageToPackageJson } from './package';
 // Just return the tree
 export function ngAdd(options: Schema): Rule {
   return (tree: Tree, context: SchematicContext) => {
-    const angularDependencyVersion = '^13.0.0';
+    const angularDependencyVersion = '^14.0.0';
 
     addPackageToPackageJson(tree, '@angular/cdk', angularDependencyVersion);
     addPackageToPackageJson(tree, '@angular/forms', angularDependencyVersion);