release: 7.3.1

This commit is contained in:
k.pienkowska 2024-06-10 09:52:00 +02:00
parent 44dd14903b
commit 6e36747893
17 changed files with 87 additions and 53 deletions

View File

@ -1,5 +1,5 @@
MDB5 MDB5
Version: FREE 7.3.0 Version: FREE 7.3.1
Documentation: Documentation:
https://mdbootstrap.com/docs/standard/ https://mdbootstrap.com/docs/standard/

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

6
css/mdb.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

6
css/mdb.rtl.min.css vendored

File diff suppressed because one or more lines are too long

20
js/mdb.es.min.js vendored
View File

@ -1197,7 +1197,9 @@ const initComponent = (component, manualInit = false) => {
if (!component || InitializedComponents.get(component.NAME)) { if (!component || InitializedComponents.get(component.NAME)) {
return; return;
} }
if (!manualInit) {
InitializedComponents.set(component.NAME); InitializedComponents.set(component.NAME);
}
const thisComponent = _defaultInitSelectors[component.NAME] || null; const thisComponent = _defaultInitSelectors[component.NAME] || null;
const isToggler = (thisComponent == null ? void 0 : thisComponent.isToggler) || false; const isToggler = (thisComponent == null ? void 0 : thisComponent.isToggler) || false;
defineJQueryPlugin(component); defineJQueryPlugin(component);
@ -6052,8 +6054,9 @@ class Input extends BaseComponent2 {
}); });
} }
_toggleDefaultDatePlaceholder(input = this.input) { _toggleDefaultDatePlaceholder(input = this.input) {
const isTypeDate = input.getAttribute("type") === "date"; const type = input.getAttribute("type");
if (!isTypeDate) { const typesWithPlaceholder = ["date", "time", "datetime-local", "month", "week"];
if (!typesWithPlaceholder.includes(type)) {
return; return;
} }
const isInputFocused = document.activeElement === input; const isInputFocused = document.activeElement === input;
@ -6118,6 +6121,9 @@ class Input extends BaseComponent2 {
_activate(event) { _activate(event) {
onDOMContentLoaded(() => { onDOMContentLoaded(() => {
this._getElements(event); this._getElements(event);
if (!this._element) {
return;
}
const input = event ? event.target : this.input; const input = event ? event.target : this.input;
if (input.value !== "") { if (input.value !== "") {
Manipulator$1.addClass(input, CLASSNAME_ACTIVE$1); Manipulator$1.addClass(input, CLASSNAME_ACTIVE$1);
@ -6126,9 +6132,17 @@ class Input extends BaseComponent2 {
}); });
} }
_getElements(event) { _getElements(event) {
let initialized;
if (event) { if (event) {
this._element = event.target.parentNode; this._element = event.target.parentNode;
this._label = SelectorEngine$1.findOne("label", this._element); this._label = SelectorEngine$1.findOne("label", this._element);
initialized = Manipulator$1.getDataAttribute(
this._element,
`${this.constructor.NAME}-initialized`
);
}
if (!initialized) {
return;
} }
if (event && this._label) { if (event && this._label) {
const prevLabelWidth = this._labelWidth; const prevLabelWidth = this._labelWidth;
@ -7496,7 +7510,7 @@ const inputCallback = (component, initSelector) => {
instance.update(); instance.update();
}); });
}); });
SelectorEngine$1.find(SELECTOR_DATA_INIT).map((element2) => new Input2(element2)); SelectorEngine$1.find(SELECTOR_DATA_INIT).map((element2) => Input2.getOrCreateInstance(element2));
EventHandler$1.on(window, "reset", (e) => { EventHandler$1.on(window, "reset", (e) => {
SelectorEngine$1.find(SELECTOR_OUTLINE_INPUT, e.target).forEach((element2) => { SelectorEngine$1.find(SELECTOR_OUTLINE_INPUT, e.target).forEach((element2) => {
const instance = Input2.getInstance(element2.parentNode); const instance = Input2.getInstance(element2.parentNode);

File diff suppressed because one or more lines are too long

4
js/mdb.umd.min.js vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{ {
"name": "mdb-ui-kit", "name": "mdb-ui-kit",
"version": "7.3.0", "version": "7.3.1",
"type": "module", "type": "module",
"main": "./js/mdb.umd.min.js", "main": "./js/mdb.umd.min.js",
"module": "./js/mdb.es.min.js", "module": "./js/mdb.es.min.js",

View File

@ -222,7 +222,7 @@ const inputCallback = (component, initSelector) => {
}); });
// auto-init // 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 // form reset handler
EventHandler.on(window, 'reset', (e) => { EventHandler.on(window, 'reset', (e) => {

View File

@ -38,7 +38,9 @@ const initComponent = (component, manualInit = false) => {
return; return;
} }
if (!manualInit) {
InitializedComponents.set(component.NAME); InitializedComponents.set(component.NAME);
}
const thisComponent = _defaultInitSelectors[component.NAME] || null; const thisComponent = _defaultInitSelectors[component.NAME] || null;
const isToggler = thisComponent?.isToggler || false; const isToggler = thisComponent?.isToggler || false;

View File

@ -169,9 +169,10 @@ class Input extends BaseComponent {
} }
_toggleDefaultDatePlaceholder(input = this.input) { _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; return;
} }
@ -245,6 +246,11 @@ class Input extends BaseComponent {
_activate(event) { _activate(event) {
onDOMContentLoaded(() => { onDOMContentLoaded(() => {
this._getElements(event); this._getElements(event);
if (!this._element) {
return;
}
const input = event ? event.target : this.input; const input = event ? event.target : this.input;
if (input.value !== '') { if (input.value !== '') {
@ -255,9 +261,19 @@ class Input extends BaseComponent {
} }
_getElements(event) { _getElements(event) {
let initialized;
if (event) { if (event) {
this._element = event.target.parentNode; this._element = event.target.parentNode;
this._label = SelectorEngine.findOne('label', this._element); this._label = SelectorEngine.findOne('label', this._element);
initialized = Manipulator.getDataAttribute(
this._element,
`${this.constructor.NAME}-initialized`
);
}
if (!initialized) {
return;
} }
if (event && this._label) { if (event && this._label) {

View File

@ -22,6 +22,8 @@
--#{$prefix}picker-header-bg: #{$picker-header-bg}; --#{$prefix}picker-header-bg: #{$picker-header-bg};
--#{$prefix}timepicker-clock-face-bg: #{$timepicker-clock-face-bg}; --#{$prefix}timepicker-clock-face-bg: #{$timepicker-clock-face-bg};
--#{$prefix}sidenav-backdrop-opacity: #{$sidenav-backdrop-opacity}; --#{$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-border-color: #{$form-control-border-color};
--#{$prefix}form-control-label-color: #{$form-control-label-color}; --#{$prefix}form-control-label-color: #{$form-control-label-color};
--#{$prefix}form-control-disabled-bg: #{$form-control-disabled-bg}; --#{$prefix}form-control-disabled-bg: #{$form-control-disabled-bg};

View File

@ -703,6 +703,28 @@ $enable-negative-margins: true !default;
$variable-prefix: mdb- !default; $variable-prefix: mdb- !default;
$prefix: $variable-prefix !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 // Body
// //
// Settings for the `<body>` element. // 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; $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-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-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-disabled-background-color: var(--#{$prefix}form-control-disabled-bg) !default;
$input-font-size-lg: 1rem !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-border-radius: 0.5rem !default;
$accordion-borderless-button-bgc: var(--#{$prefix}primary-bg-subtle) !default; $accordion-borderless-button-bgc: var(--#{$prefix}primary-bg-subtle) !default;
$accordion-borderless-button-color: var(--#{$prefix}primary-text-emphasis) !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; $accordion-icon-active-color: $primary !default;
// scss-docs-end accordion-variables // scss-docs-end accordion-variables
@ -1657,25 +1679,3 @@ $divider-blurry-vr-bg-image: linear-gradient(
) !default; ) !default;
$divider-blurry-vr-width: 1px !default; $divider-blurry-vr-width: 1px !default;
// scss-docs-end divider-variables // 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