mithril-materialized 3.17.0 → 3.17.2

package/dist/index.js

@@ -3782,7 +3782,7 @@ const InputField = (type, defaultClass = '') => () => {
             }
         },
         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;
@@ -4016,12 +4016,14 @@ const InputField = (type, defaultClass = '') => () => {
                         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' })),
@@ -4047,7 +4049,7 @@ const InputField = (type, defaultClass = '') => () => {
                     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, {
@@ -7262,12 +7264,12 @@ const Select = () => {
             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;
@@ -7421,7 +7423,8 @@ const Select = () => {
             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);