Release 8.0.0

Author: idzark

CHANGELOG.md

@@ -1,3 +1,40 @@
+## 8.0.0 (07.04.2025)
+
+This version requires Angular v19. Follow the [Angular Update Guide](https://angular.dev/update-guide) to migrate your project to Angular 19.
+
+### Breaking changes:
+
+- Updated Angular to v19, this version is required in MDB Angular v8
+- Older theming styles are no longer supported, use new [color modes](https://mdbootstrap.com/docs/angular/content-styles/theme/) instead
+- Slightly increased cell width in [Datepicker](https://mdbootstrap.com/docs/angular/forms/datepicker/)
+- The `.navbar-light` class is no longer used in [Navbar](https://mdbootstrap.com/docs/angular/navigation/navbar), use [color modes](https://mdbootstrap.com/docs/angular/content-styles/theme/) instead
+
+### Design updates:
+
+Introduced a new theming system that allows setting the theme for the entire page, its parts, or selected elements using data attributes.
+
+Read [Colors modes](https://mdbootstrap.com/docs/angular/content-styles/theme/) page to learn more about new theming.
+
+### Fixes and improvements:
+
+- [Modal](https://mdbootstrap.com/docs/angular/components/modal/) - resolved problem with opening animation
+- [Select](https://mdbootstrap.com/docs/angular/forms/select/) - resolved problem with not hiding option groups labels when using filter
+- [Popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/) - added default offset to the component
+- [Datepicker](https://mdbootstrap.com/docs/angular/forms/datepicker/) - fixed date parsing bug for `yy` year format
+- [Stepper](https://mdbootstrap.com/docs/angular/components/stepper/) - added 'Optional' text to the steps that use `optional` input
+- [Onboarding](https://mdbootstrap.com/docs/angular/plugins/onboarding/) - added gap between the buttons and fixed border styles
+- Fixed [Datepicker](https://mdbootstrap.com/docs/angular/forms/datepicker/) and [Timepicker](https://mdbootstrap.com/docs/angular/forms/timepicker/) toggle button padding in Firefox browser
+- Removed unnecessary `BrowserAnimationsModule` imports from [Onboarding](https://mdbootstrap.com/docs/angular/plugins/onboarding/), [Ecommerce gallery](https://mdbootstrap.com/docs/angular/plugins/ecommerce-gallery/) and [Organization chart](https://mdbootstrap.com/docs/angular/plugins/organization-chart/) plugins
+
+### New features:
+
+- Added new SCSS and CSS variables for plugins styles
+- [File upload](https://mdbootstrap.com/docs/angular/plugins/file-upload/) - added new `mimeTypes` input that allow to define a list of mime types for supported file types
+- [Multi item carousel](https://mdbootstrap.com/docs/angular/plugins/multi-item-carousel/) - added new `(slideClick)` event
+- [Color picker](https://mdbootstrap.com/docs/angular/plugins/color-picker/) - added new `color-picker-next-format-button`, `color-picker-previous-format-button` and `color-picker-copy-button` classes for the buttons
+
+---
+
 ## 7.1.0 (18.11.2024)
 
 ### Fixes and improvements:

README.txt

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

package-lock.json

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

package.json

@@ -1,3 +1,40 @@
+## 8.0.0 (07.04.2025)
+
+This version requires Angular v19. Follow the [Angular Update Guide](https://angular.dev/update-guide) to migrate your project to Angular 19.
+
+### Breaking changes:
+
+- Updated Angular to v19, this version is required in MDB Angular v8
+- Older theming styles are no longer supported, use new [color modes](https://mdbootstrap.com/docs/angular/content-styles/theme/) instead
+- Slightly increased cell width in [Datepicker](https://mdbootstrap.com/docs/angular/forms/datepicker/)
+- The `.navbar-light` class is no longer used in [Navbar](https://mdbootstrap.com/docs/angular/navigation/navbar), use [color modes](https://mdbootstrap.com/docs/angular/content-styles/theme/) instead
+
+### Design updates:
+
+Introduced a new theming system that allows setting the theme for the entire page, its parts, or selected elements using data attributes.
+
+Read [Colors modes](https://mdbootstrap.com/docs/angular/content-styles/theme/) page to learn more about new theming.
+
+### Fixes and improvements:
+
+- [Modal](https://mdbootstrap.com/docs/angular/components/modal/) - resolved problem with opening animation
+- [Select](https://mdbootstrap.com/docs/angular/forms/select/) - resolved problem with not hiding option groups labels when using filter
+- [Popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/) - added default offset to the component
+- [Datepicker](https://mdbootstrap.com/docs/angular/forms/datepicker/) - fixed date parsing bug for `yy` year format
+- [Stepper](https://mdbootstrap.com/docs/angular/components/stepper/) - added 'Optional' text to the steps that use `optional` input
+- [Onboarding](https://mdbootstrap.com/docs/angular/plugins/onboarding/) - added gap between the buttons and fixed border styles
+- Fixed [Datepicker](https://mdbootstrap.com/docs/angular/forms/datepicker/) and [Timepicker](https://mdbootstrap.com/docs/angular/forms/timepicker/) toggle button padding in Firefox browser
+- Removed unnecessary `BrowserAnimationsModule` imports from [Onboarding](https://mdbootstrap.com/docs/angular/plugins/onboarding/), [Ecommerce gallery](https://mdbootstrap.com/docs/angular/plugins/ecommerce-gallery/) and [Organization chart](https://mdbootstrap.com/docs/angular/plugins/organization-chart/) plugins
+
+### New features:
+
+- Added new SCSS and CSS variables for plugins styles
+- [File upload](https://mdbootstrap.com/docs/angular/plugins/file-upload/) - added new `mimeTypes` input that allow to define a list of mime types for supported file types
+- [Multi item carousel](https://mdbootstrap.com/docs/angular/plugins/multi-item-carousel/) - added new `(slideClick)` event
+- [Color picker](https://mdbootstrap.com/docs/angular/plugins/color-picker/) - added new `color-picker-next-format-button`, `color-picker-previous-format-button` and `color-picker-copy-button` classes for the buttons
+
+---
+
 ## 7.1.0 (18.11.2024)
 
 ### Fixes and improvements:

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

@@ -5,10 +5,10 @@ export const MDB_ACCORDION_ITEM_BODY = new InjectionToken<MdbAccordionItemBodyDi
 );
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[mdbAccordionItemBody]',
-    providers: [{ provide: MDB_ACCORDION_ITEM_BODY, useExisting: MdbAccordionItemBodyDirective }],
-    standalone: false
+  // eslint-disable-next-line @angular-eslint/directive-selector
+  selector: '[mdbAccordionItemBody]',
+  providers: [{ provide: MDB_ACCORDION_ITEM_BODY, useExisting: MdbAccordionItemBodyDirective }],
+  standalone: false,
 })
 export class MdbAccordionItemBodyDirective {
   constructor(public template: TemplateRef<any>) {}

projects/mdb-angular-ui-kit/accordion/accordion-item-content.directive.ts

@@ -5,10 +5,10 @@ export const MDB_ACCORDION_ITEM_HEADER = new InjectionToken<MdbAccordionItemHead
 );
 
 @Directive({
-    // eslint-disable-next-line @angular-eslint/directive-selector
-    selector: '[mdbAccordionItemHeader]',
-    providers: [{ provide: MDB_ACCORDION_ITEM_HEADER, useExisting: MdbAccordionItemHeaderDirective }],
-    standalone: false
+  // eslint-disable-next-line @angular-eslint/directive-selector
+  selector: '[mdbAccordionItemHeader]',
+  providers: [{ provide: MDB_ACCORDION_ITEM_HEADER, useExisting: MdbAccordionItemHeaderDirective }],
+  standalone: false,
 })
 export class MdbAccordionItemHeaderDirective {
   constructor(public template: TemplateRef<any>) {}

projects/mdb-angular-ui-kit/accordion/accordion-item-header.directive.ts

@@ -21,10 +21,10 @@ let uniqueHeaderId = 0;
 let uniqueId = 0;
 
 @Component({
-    selector: 'mdb-accordion-item',
-    templateUrl: './accordion-item.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+  selector: 'mdb-accordion-item',
+  templateUrl: './accordion-item.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class MdbAccordionItemComponent implements OnInit {
   @ContentChild(MDB_ACCORDION_ITEM_HEADER, { read: TemplateRef, static: true })

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

@@ -13,10 +13,10 @@ import { MdbAccordionItemComponent } from './accordion-item.component';
 import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
 
 @Component({
-    selector: 'mdb-accordion',
-    templateUrl: './accordion.component.html',
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: false
+  selector: 'mdb-accordion',
+  templateUrl: './accordion.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class MdbAccordionComponent implements AfterContentInit {
   @ContentChildren(MdbAccordionItemComponent) items: QueryList<MdbAccordionItemComponent>;

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

@@ -48,6 +48,7 @@ const template = `
 @Component({
   selector: 'mdb-accordion-test',
   template,
+  standalone: false,
 })
 class TestAccordionComponent {
   @ViewChildren(MdbAccordionItemComponent) _accordionItems: QueryList<MdbAccordionItemComponent>;