Release 6.1.0

mdbootstrap · May 27, 2024 · 116c367 · 116c367
1 parent 4787b18
commit 116c367
Show file tree

Hide file tree

Showing 16 changed files with 254 additions and 75 deletions.
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';