release: 7.3.1

mdbootstrap · Jun 10, 2024 · 6e36747 · 6e36747
1 parent 44dd149
commit 6e36747
Show file tree

Hide file tree

Showing 17 changed files with 87 additions and 53 deletions.
diff --git a/README.txt b/README.txt
@@ -1,5 +1,5 @@
 MDB5
-Version: FREE 7.3.0
+Version: FREE 7.3.1
 
 Documentation:
 https://mdbootstrap.com/docs/standard/

diff --git a/css/mdb.dark.min.css b/css/mdb.dark.min.css
diff --git a/css/mdb.dark.min.css.map b/css/mdb.dark.min.css.map
diff --git a/css/mdb.dark.rtl.min.css b/css/mdb.dark.rtl.min.css
diff --git a/css/mdb.min.css b/css/mdb.min.css
diff --git a/css/mdb.min.css.map b/css/mdb.min.css.map
diff --git a/css/mdb.rtl.min.css b/css/mdb.rtl.min.css
diff --git a/js/mdb.es.min.js b/js/mdb.es.min.js
diff --git a/js/mdb.es.min.js.map b/js/mdb.es.min.js.map
diff --git a/js/mdb.umd.min.js b/js/mdb.umd.min.js
diff --git a/js/mdb.umd.min.js.map b/js/mdb.umd.min.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mdb-ui-kit",
-  "version": "7.3.0",
+  "version": "7.3.1",
   "type": "module",
   "main": "./js/mdb.umd.min.js",
   "module": "./js/mdb.es.min.js",

diff --git a/src/js/autoinit/callbacks/free.js b/src/js/autoinit/callbacks/free.js
@@ -222,7 +222,7 @@ const inputCallback = (component, initSelector) => {
   });
 
   // auto-init
-  SelectorEngine.find(SELECTOR_DATA_INIT).map((element) => new Input(element));
+  SelectorEngine.find(SELECTOR_DATA_INIT).map((element) => Input.getOrCreateInstance(element));
 
   // form reset handler
   EventHandler.on(window, 'reset', (e) => {

diff --git a/src/js/autoinit/init.js b/src/js/autoinit/init.js
@@ -38,7 +38,9 @@ const initComponent = (component, manualInit = false) => {
     return;
   }
 
-  InitializedComponents.set(component.NAME);
+  if (!manualInit) {
+    InitializedComponents.set(component.NAME);
+  }
 
   const thisComponent = _defaultInitSelectors[component.NAME] || null;
   const isToggler = thisComponent?.isToggler || false;

diff --git a/src/js/free/input.js b/src/js/free/input.js
@@ -169,9 +169,10 @@ class Input extends BaseComponent {
   }
 
   _toggleDefaultDatePlaceholder(input = this.input) {
-    const isTypeDate = input.getAttribute('type') === 'date';
+    const type = input.getAttribute('type');
+    const typesWithPlaceholder = ['date', 'time', 'datetime-local', 'month', 'week'];
 
-    if (!isTypeDate) {
+    if (!typesWithPlaceholder.includes(type)) {
       return;
     }
 
@@ -245,6 +246,11 @@ class Input extends BaseComponent {
   _activate(event) {
     onDOMContentLoaded(() => {
       this._getElements(event);
+
+      if (!this._element) {
+        return;
+      }
+
       const input = event ? event.target : this.input;
 
       if (input.value !== '') {
@@ -255,9 +261,19 @@ class Input extends BaseComponent {
   }
 
   _getElements(event) {
+    let initialized;
     if (event) {
       this._element = event.target.parentNode;
       this._label = SelectorEngine.findOne('label', this._element);
+
+      initialized = Manipulator.getDataAttribute(
+        this._element,
+        `${this.constructor.NAME}-initialized`
+      );
+    }
+
+    if (!initialized) {
+      return;
     }
 
     if (event && this._label) {

diff --git a/src/scss/free/_root.scss b/src/scss/free/_root.scss
@@ -22,6 +22,8 @@
   --#{$prefix}picker-header-bg: #{$picker-header-bg};
   --#{$prefix}timepicker-clock-face-bg: #{$timepicker-clock-face-bg};
   --#{$prefix}sidenav-backdrop-opacity: #{$sidenav-backdrop-opacity};
+  --#{$prefix}input-focus-border-color: var(--#{$prefix}primary);
+  --#{$prefix}input-focus-label-color: var(--#{$prefix}primary);
   --#{$prefix}form-control-border-color: #{$form-control-border-color};
   --#{$prefix}form-control-label-color: #{$form-control-label-color};
   --#{$prefix}form-control-disabled-bg: #{$form-control-disabled-bg};

diff --git a/src/scss/free/_variables.scss b/src/scss/free/_variables.scss
@@ -703,6 +703,28 @@ $enable-negative-margins: true !default;
 $variable-prefix: mdb- !default;
 $prefix: $variable-prefix !default;
 
+// Global MDB light theme variables
+
+// scss-docs-start mdb-global-light-theme-variables
+$surface-color: $gray-800 !default;
+$surface-bg: $white !default;
+$surface-inverted-color: $white !default;
+$surface-inverted-bg: #6d6d6d !default;
+$divider-color: $gray-100 !default;
+$divider-blurry-color: hsl(0, 0%, 40%) !default;
+$highlight-bg-color: $gray-200 !default;
+$scrollbar-rail-bg: $gray-200 !default;
+$scrollbar-thumb-bg: $gray-500 !default;
+$picker-header-bg: $primary !default;
+$timepicker-clock-face-bg: var(--#{$prefix}secondary-bg) !default;
+$sidenav-backdrop-opacity: 0.1 !default;
+$form-control-border-color: $gray-400 !default;
+$form-control-label-color: $gray-600 !default;
+$form-control-disabled-bg: $gray-300 !default;
+$box-shadow-color: $black !default;
+$stepper-mobile-bg: $gray-50 !default;
+// scss-docs-start mdb-global-light-theme-variables
+
 // Body
 //
 // Settings for the `<body>` element.
@@ -1052,9 +1074,9 @@ $form-label-transition: all 0.2s ease-out !default;
 $form-label-color: var(--#{$prefix}form-control-label-color) !default;
 
 $input-focus-active-label-transform: translateY(-1rem) translateY(0.1rem) scale(0.8) !default;
-$input-focus-label-color: $primary !default;
+$input-focus-label-color: var(--#{$prefix}input-focus-label-color) !default;
 $input-focus-border-width: 0.125rem !default;
-$input-focus-border-color: $primary !default;
+$input-focus-border-color: var(--#{$prefix}input-focus-border-color) !default;
 $input-disabled-background-color: var(--#{$prefix}form-control-disabled-bg) !default;
 
 $input-font-size-lg: 1rem !default;
@@ -1451,7 +1473,7 @@ $accordion-flush-item-border-bottom: 2px solid var(--#{$prefix}divider-color) !d
 $accordion-borderless-button-border-radius: 0.5rem !default;
 $accordion-borderless-button-bgc: var(--#{$prefix}primary-bg-subtle) !default;
 $accordion-borderless-button-color: var(--#{$prefix}primary-text-emphasis) !default;
-$accordion-icon-color: var(--#{$prefix}surface-color) !default;
+$accordion-icon-color: $surface-color !default;
 $accordion-icon-active-color: $primary !default;
 // scss-docs-end accordion-variables
 
@@ -1657,25 +1679,3 @@ $divider-blurry-vr-bg-image: linear-gradient(
 ) !default;
 $divider-blurry-vr-width: 1px !default;
 // scss-docs-end divider-variables
-
-// Global MDB light theme variables
-
-// scss-docs-start mdb-global-light-theme-variables
-$surface-color: $gray-800 !default;
-$surface-bg: $white !default;
-$surface-inverted-color: $white !default;
-$surface-inverted-bg: #6d6d6d !default;
-$divider-color: $gray-100 !default;
-$divider-blurry-color: hsl(0, 0%, 40%) !default;
-$highlight-bg-color: $gray-200 !default;
-$scrollbar-rail-bg: $gray-200 !default;
-$scrollbar-thumb-bg: $gray-500 !default;
-$picker-header-bg: $primary !default;
-$timepicker-clock-face-bg: var(--#{$prefix}secondary-bg) !default;
-$sidenav-backdrop-opacity: 0.1 !default;
-$form-control-border-color: $gray-400 !default;
-$form-control-label-color: $gray-600 !default;
-$form-control-disabled-bg: $gray-300 !default;
-$box-shadow-color: $black !default;
-$stepper-mobile-bg: $gray-50 !default;
-// scss-docs-start mdb-global-light-theme-variables