mithril-materialized 3.17.0 → 3.17.2

package/dist/index.umd.js

@@ -3784,7 +3784,7 @@
                 }
             },
             view: ({ attrs }) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d, _e, _f, _g;
                 const { className = 'col s12', dataError, dataSuccess, helperText, iconName, id = state.id, placeholder, isMandatory, label, maxLength, newRow, oninput, onchange, onkeydown, onkeypress, onkeyup, style, validate, canClear } = attrs, params = __rest(attrs, ["className", "dataError", "dataSuccess", "helperText", "iconName", "id", "placeholder", "isMandatory", "label", "maxLength", "newRow", "oninput", "onchange", "onkeydown", "onkeypress", "onkeyup", "style", "validate", "canClear"]);
                 // const attributes = toAttrs(params);
                 const cn = [newRow ? 'clear' : '', defaultClass, className].filter(Boolean).join(' ').trim() || undefined;
@@ -4018,12 +4018,14 @@
                             m('button.number-input-control.number-input-control-up[type=button]', {
                                 'aria-label': `Increase ${label || 'value'}`,
                                 title: 'Increase value',
+                                tabindex: -1,
                                 onmousedown: (event) => event.preventDefault(),
                                 onclick: () => stepNumberInput('up'),
                             }, m(MaterialIcon, { name: 'chevron', direction: 'up' })),
                             m('button.number-input-control.number-input-control-down[type=button]', {
                                 'aria-label': `Decrease ${label || 'value'}`,
                                 title: 'Decrease value',
+                                tabindex: -1,
                                 onmousedown: (event) => event.preventDefault(),
                                 onclick: () => stepNumberInput('down'),
                             }, m(MaterialIcon, { name: 'chevron' })),
@@ -4049,7 +4051,7 @@
                         initialValue: value !== undefined && value !== '',
                         helperText,
                         dataError: state.hasInteracted && !state.isValid ? dataError : undefined,
-                        dataSuccess: state.hasInteracted && state.isValid ? dataSuccess : undefined,
+                        dataSuccess: state.hasInteracted && state.isValid && ((_g = state.inputElement) === null || _g === void 0 ? void 0 : _g.value) ? dataSuccess : undefined,
                     }),
                     maxLength && typeof value === 'string'
                         ? m(CharacterCounter, {
@@ -7264,12 +7266,12 @@
                 opacity: 1,
             };
         };
-        const formatSelectionSummary = (attrs, selectedOptions, selectedIds, placeholder) => {
+        const formatSelectionSummary = (attrs, selectedLabels, selectedIds, placeholder) => {
             const mode = attrs.summaryMode || 'labels';
             const selectedCount = selectedIds.length;
             const totalCount = attrs.options.filter((option) => !option.disabled).length;
             if (mode === 'labels') {
-                return selectedOptions.length > 0 ? selectedOptions.map((o) => o.label || o.id).join(', ') : placeholder;
+                return selectedLabels.length > 0 ? selectedLabels.join(', ') : placeholder;
             }
             const defaultCountLabel = `${selectedCount}/${totalCount} selected`;
             const formattedCount = attrs.countLabel ? attrs.countLabel(selectedCount, totalCount) : defaultCountLabel;
@@ -7423,7 +7425,8 @@
                 const shouldInlineLabel = appearance === 'outlined' && !!label;
                 const selectedOptionsUnsorted = options.filter((opt) => isSelected(opt.id, selectedIds));
                 const selectedOptions = sortOptions(selectedOptionsUnsorted, attrs.sortSelected);
-                const triggerValue = formatSelectionSummary(attrs, selectedOptions, selectedIds, placeholder);
+                const selectedLabels = selectedOptions.map((o) => o.label || o.id.toString());
+                const triggerValue = formatSelectionSummary(attrs, selectedLabels, selectedIds, placeholder);
                 // Update portal dropdown when inside modal
                 if (state.isInsideModal) {
                     updatePortalDropdown(attrs, selectedIds, multiple, placeholder);