Release 6.1.0

RafalSeifert · idzark · commit 116c3676608c · 2024-05-27T12:36:32.000+02:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,22 @@
+## 6.1.0 (27.05.2024)
+
+### Fixes and improvements:
+
+- [Multi range](https://mdbootstrap.com/docs/angular/forms/multi-range-slider/)
+  - Fixed problem with thumb limiting logic when using custom step
+  - Fixed problem with updating thumb positions via form controls
+- [Popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/) - added focus trap
+- [Autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) - restored native `shift + home` and `shift + end` keys behavior (open/close dropdown)
+- [Select](https://mdbootstrap.com/docs/angular/forms/select/) - added support for opening and closing dropdown with `alt + arrow-up` and `alt + arrow-down` keys
+  
+### New:
+
+- [Table pagination](https://mdbootstrap.com/docs/angular/data/datatables/) - added new `page` input that allows to set page number
+- [Multi range](https://mdbootstrap.com/docs/angular/forms/multi-range-slider/) - added new `highlightRange` input that allows to highlight range
+- [Parallax](https://mdbootstrap.com/docs/angular/plugins/parallax/) - added new `container` input that allows to set wrapper element for parallax effect
+  
+---
+
 ## 6.0.0 (15.01.2024)
 
 This version requires Angular v17. Follow the [Angular Update Guide](https://update.angular.io/?l=3&v=16.0-17.0) to migrate your project to Angular 17.
diff --git a/README.txt b/README.txt
@@ -1,6 +1,6 @@
 MDB 5 Angular
 
-Version: FREE 6.0.0
+Version: FREE 6.1.0
 
 Documentation:
 https://mdbootstrap.com/docs/angular/
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mdb-angular-ui-kit-free",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
diff --git a/projects/mdb-angular-ui-kit/CHANGELOG.md b/projects/mdb-angular-ui-kit/CHANGELOG.md
@@ -1,3 +1,22 @@
+## 6.1.0 (27.05.2024)
+
+### Fixes and improvements:
+
+- [Multi range](https://mdbootstrap.com/docs/angular/forms/multi-range-slider/)
+  - Fixed problem with thumb limiting logic when using custom step
+  - Fixed problem with updating thumb positions via form controls
+- [Popconfirm](https://mdbootstrap.com/docs/angular/components/popconfirm/) - added focus trap
+- [Autocomplete](https://mdbootstrap.com/docs/angular/forms/autocomplete/) - restored native `shift + home` and `shift + end` keys behavior (open/close dropdown)
+- [Select](https://mdbootstrap.com/docs/angular/forms/select/) - added support for opening and closing dropdown with `alt + arrow-up` and `alt + arrow-down` keys
+  
+### New:
+
+- [Table pagination](https://mdbootstrap.com/docs/angular/data/datatables/) - added new `page` input that allows to set page number
+- [Multi range](https://mdbootstrap.com/docs/angular/forms/multi-range-slider/) - added new `highlightRange` input that allows to highlight range
+- [Parallax](https://mdbootstrap.com/docs/angular/plugins/parallax/) - added new `container` input that allows to set wrapper element for parallax effect
+  
+---
+
 ## 6.0.0 (15.01.2024)
 
 This version requires Angular v17. Follow the [Angular Update Guide](https://update.angular.io/?l=3&v=16.0-17.0) to migrate your project to Angular 17.
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/_buttons.scss b/projects/mdb-angular-ui-kit/assets/scss/free/_buttons.scss
@@ -165,6 +165,7 @@
     box-shadow: none;
   }
 }
+
 // scss-docs-end btn-secondary
 
 // scss-docs-start btn-variant-loop
@@ -219,10 +220,11 @@
     &:disabled,
     &.disabled,
     fieldset:disabled & {
-      box-shadow: $btn-contextual-box-shadow map-get($value, shadow-color);
+      box-shadow: var(--#{$prefix}btn-box-shadow);
     }
   }
 }
+
 // scss-docs-end btn-variant-loop
 
 // scss-docs-start btn-outline-variant-loop
@@ -279,6 +281,7 @@
     }
   }
 }
+
 // scss-docs-end btn-outline-variant-loop
 
 //
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/_carousel.scss b/projects/mdb-angular-ui-kit/assets/scss/free/_carousel.scss
@@ -30,6 +30,7 @@
   }
 }
 
+// Additional MDB Angular styles
 .carousel-indicators {
   button {
     box-sizing: content-box;
@@ -56,3 +57,4 @@
     background-color: $carousel-dark-indicator-active-bg;
   }
 }
+// Additional MDB Angular styles
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/_progress.scss b/projects/mdb-angular-ui-kit/assets/scss/free/_progress.scss
@@ -2,4 +2,5 @@
 
 .progress {
   border-radius: 0;
+  // box-shadow: none; This should be added in next major release 7.0.0
 }
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/_toasts.scss b/projects/mdb-angular-ui-kit/assets/scss/free/_toasts.scss
@@ -1,4 +1,6 @@
-// Toasts
+//
+// Toast styles
+//
 
 .toast {
   // scss-docs-start toast-css-vars
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-check.scss b/projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-check.scss
@@ -3,7 +3,9 @@
 //
 
 .form-check {
+  // Additional MDB Angular styles
   position: relative;
+  // Additional MDB Angular styles
   min-height: 1.5rem;
 }
 
@@ -83,7 +85,7 @@
   &[type='checkbox'] {
     border-radius: $form-check-input-checkbox-border-radius;
     margin-top: 0.19em;
-    margin-right: 4px;
+    margin-right: 4px; // This should be changed to 6px in next major release 7.0.0
 
     &:focus {
       &:after {
@@ -123,28 +125,7 @@
     }
 
     &:indeterminate {
-      background-image: none;
-      background-color: transparent;
-      border-color: $form-check-input-indeterminate-border-color;
-
-      &:after {
-        display: block;
-        transform: $form-check-input-indeterminate-checked-after-transform #{'/*!rtl:ignore*/'};
-        border-width: $form-check-input-indeterminate-checked-after-border-width;
-        border-color: $form-check-input-indeterminate-checked-after-border-color;
-        width: $form-check-input-indeterminate-checked-after-width;
-        height: $form-check-input-indeterminate-checked-after-height;
-        border-style: solid;
-        border-top: 0;
-        border-left: 0 #{'/*!rtl:ignore*/'};
-        margin-left: $form-check-input-indeterminate-checked-after-margin-left;
-        margin-top: 0;
-      }
-
-      &:focus {
-        background-color: $form-check-input-indeterminate-focus-background-color;
-        border-color: $form-check-input-indeterminate-focus-border-color;
-      }
+      border-color: $form-check-input-indeterminate-focus-border-color;
     }
   }
 
@@ -196,7 +177,7 @@
 }
 
 .form-check-label {
-  // padding-left: 0.15rem;
+  // padding-left: 0.15rem; This should be added in next major release 7.0.0
   &:hover {
     cursor: pointer;
   }
@@ -215,7 +196,7 @@
     height: $form-switch-form-check-input-height;
     background-color: $form-switch-form-check-input-background-color;
     margin-top: 0.3em;
-    margin-right: 4px;
+    margin-right: 4px; // This should be changed to 8px in next major release 7.0.0
 
     &:after {
       content: '';
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-control.scss b/projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-control.scss
@@ -25,6 +25,7 @@
   }
 }
 
+// Additional MDB Angular styles
 .select {
   ~ .form-label {
     position: absolute;
@@ -161,9 +162,13 @@
     }
   }
 }
+// Additional MDB Angular styles
 
 .form-outline {
   position: relative;
+  // width: 100%; // This change introduces big layout differences
+  // and should be treated as a breaking change.
+  // It should be revised and checked.
 
   .form-helper {
     width: 100%;
@@ -337,6 +342,7 @@
     }
   }
 
+  // Additional MDB Angular styles
   .select-lg ~ .form-label {
     padding-top: $form-label-padding-top-lg;
   }
@@ -345,6 +351,7 @@
     padding-top: $form-label-padding-top-sm;
     font-size: $form-label-font-size-sm;
   }
+  // Additional MDB Angular styles
 
   &.form-white {
     .form-control {
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-range.scss b/projects/mdb-angular-ui-kit/assets/scss/free/forms/_form-range.scss
@@ -34,10 +34,15 @@
   &::-webkit-slider-runnable-track {
     height: $form-range-webkit-slider-runnable-track-height;
     border-radius: 0;
+    // box-shadow: none; This should be added in next major release 7.0.0
   }
 
   &::-moz-range-thumb {
     box-shadow: none;
     appearance: none;
   }
+
+  &::-moz-range-track {
+    // box-shadow: none; This should be added in next major release 7.0.0
+  }
 }
diff --git a/projects/mdb-angular-ui-kit/assets/scss/free/forms/_input-group.scss b/projects/mdb-angular-ui-kit/assets/scss/free/forms/_input-group.scss
@@ -3,6 +3,8 @@
 //
 
 .input-group {
+  // flex-wrap: nowrap; This should be added in next major release 7.0.0
+
   > .form-control {
     min-height: $input-group-min-height;
     height: $input-group-height;
diff --git a/projects/mdb-angular-ui-kit/assets/scss/mdb.free.scss b/projects/mdb-angular-ui-kit/assets/scss/mdb.free.scss
@@ -54,6 +54,7 @@
 
 // MDB CORE
 @import './free/mixins';
+@import './free/utilities';
 
 // MDB CORE COMPONENTS
 @import './free/root';
diff --git a/projects/mdb-angular-ui-kit/dropdown/dropdown.directive.spec.ts b/projects/mdb-angular-ui-kit/dropdown/dropdown.directive.spec.ts
diff --git a/projects/mdb-angular-ui-kit/package.json b/projects/mdb-angular-ui-kit/package.json

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "mdb-angular-ui-kit-free",`
`3`		`- "version": "6.0.0",`
	`3`	`+ "version": "6.1.0",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"ng": "ng",`
`6`	`6`	`"start": "ng serve",`
Original file line number	Diff line number	Diff line change
`@@ -165,6 +165,7 @@`
`165`	`165`	`box-shadow: none;`
`166`	`166`	`}`
`167`	`167`	`}`
	`168`	`+`
`168`	`169`	`// scss-docs-end btn-secondary`
`169`	`170`
`170`	`171`	`// scss-docs-start btn-variant-loop`
`@@ -219,10 +220,11 @@`
`219`	`220`	`&:disabled,`
`220`	`221`	`&.disabled,`
`221`	`222`	`fieldset:disabled & {`
`222`		`- box-shadow: $btn-contextual-box-shadow map-get($value, shadow-color);`
	`223`	`+ box-shadow: var(--#{$prefix}btn-box-shadow);`
`223`	`224`	`}`
`224`	`225`	`}`
`225`	`226`	`}`
	`227`	`+`
`226`	`228`	`// scss-docs-end btn-variant-loop`
`227`	`229`
`228`	`230`	`// scss-docs-start btn-outline-variant-loop`
`@@ -279,6 +281,7 @@`
`279`	`281`	`}`
`280`	`282`	`}`
`281`	`283`	`}`
	`284`	`+`
`282`	`285`	`// scss-docs-end btn-outline-variant-loop`
`283`	`286`
`284`	`287`	`//`
Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@`
`30`	`30`	`}`
`31`	`31`	`}`
`32`	`32`
	`33`	`+// Additional MDB Angular styles`
`33`	`34`	`.carousel-indicators {`
`34`	`35`	`button {`
`35`	`36`	`box-sizing: content-box;`
`@@ -56,3 +57,4 @@`
`56`	`57`	`background-color: $carousel-dark-indicator-active-bg;`
`57`	`58`	`}`
`58`	`59`	`}`
	`60`	`+// Additional MDB Angular styles`
Original file line number	Diff line number	Diff line change
`@@ -2,4 +2,5 @@`
`2`	`2`
`3`	`3`	`.progress {`
`4`	`4`	`border-radius: 0;`
	`5`	`+ // box-shadow: none; This should be added in next major release 7.0.0`
`5`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@`
`25`	`25`	`}`
`26`	`26`	`}`
`27`	`27`
	`28`	`+// Additional MDB Angular styles`
`28`	`29`	`.select {`
`29`	`30`	`~ .form-label {`
`30`	`31`	`position: absolute;`
`@@ -161,9 +162,13 @@`
`161`	`162`	`}`
`162`	`163`	`}`
`163`	`164`	`}`
	`165`	`+// Additional MDB Angular styles`
`164`	`166`
`165`	`167`	`.form-outline {`
`166`	`168`	`position: relative;`
	`169`	`+ // width: 100%; // This change introduces big layout differences`
	`170`	`+ // and should be treated as a breaking change.`
	`171`	`+ // It should be revised and checked.`
`167`	`172`
`168`	`173`	`.form-helper {`
`169`	`174`	`width: 100%;`
`@@ -337,6 +342,7 @@`
`337`	`342`	`}`
`338`	`343`	`}`
`339`	`344`
	`345`	`+ // Additional MDB Angular styles`
`340`	`346`	`.select-lg ~ .form-label {`
`341`	`347`	`padding-top: $form-label-padding-top-lg;`
`342`	`348`	`}`
`@@ -345,6 +351,7 @@`
`345`	`351`	`padding-top: $form-label-padding-top-sm;`
`346`	`352`	`font-size: $form-label-font-size-sm;`
`347`	`353`	`}`
	`354`	`+ // Additional MDB Angular styles`
`348`	`355`
`349`	`356`	`&.form-white {`
`350`	`357`	`.form-control {`
Original file line number	Diff line number	Diff line change
`@@ -34,10 +34,15 @@`
`34`	`34`	`&::-webkit-slider-runnable-track {`
`35`	`35`	`height: $form-range-webkit-slider-runnable-track-height;`
`36`	`36`	`border-radius: 0;`
	`37`	`+ // box-shadow: none; This should be added in next major release 7.0.0`
`37`	`38`	`}`
`38`	`39`
`39`	`40`	`&::-moz-range-thumb {`
`40`	`41`	`box-shadow: none;`
`41`	`42`	`appearance: none;`
`42`	`43`	`}`
	`44`	`+`
	`45`	`+ &::-moz-range-track {`
	`46`	`+ // box-shadow: none; This should be added in next major release 7.0.0`
	`47`	`+ }`
`43`	`48`	`}`