mithril-materialized 3.4.3 → 3.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +32 -13
- package/dist/index.js +32 -13
- package/dist/index.umd.js +32 -13
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -264,6 +264,7 @@ const Autocomplete = () => {
|
|
|
264
264
|
state.isOpen = false;
|
|
265
265
|
state.selectedIndex = -1;
|
|
266
266
|
}
|
|
267
|
+
m.redraw();
|
|
267
268
|
};
|
|
268
269
|
const getDropdownStyles = () => {
|
|
269
270
|
if (!state.inputElement) {
|
|
@@ -1826,7 +1827,7 @@ const DatePicker = () => {
|
|
|
1826
1827
|
},
|
|
1827
1828
|
}, opts.day),
|
|
1828
1829
|
]);
|
|
1829
|
-
}
|
|
1830
|
+
},
|
|
1830
1831
|
};
|
|
1831
1832
|
};
|
|
1832
1833
|
const Calendar = () => {
|
|
@@ -1917,7 +1918,7 @@ const DatePicker = () => {
|
|
|
1917
1918
|
const weekDate = new Date(yearNumber, monthNumber, dayNumber);
|
|
1918
1919
|
const weekNum = getWeekNumber(weekDate, options.weekNumbering, options.firstDay);
|
|
1919
1920
|
row.push(m('td.datepicker-week-number', {
|
|
1920
|
-
title: `Week ${weekNum}
|
|
1921
|
+
title: `Week ${weekNum}`,
|
|
1921
1922
|
}, weekNum));
|
|
1922
1923
|
}
|
|
1923
1924
|
row.push(m(Day, { opts: dayConfig, options }));
|
|
@@ -1950,7 +1951,7 @@ const DatePicker = () => {
|
|
|
1950
1951
|
class: options.showWeekNumbers ? 'with-week-numbers' : '',
|
|
1951
1952
|
}, [m('thead', [m('tr', weekdayHeaders)]), m('tbody', data)]),
|
|
1952
1953
|
]);
|
|
1953
|
-
}
|
|
1954
|
+
},
|
|
1954
1955
|
};
|
|
1955
1956
|
};
|
|
1956
1957
|
const DateDisplay = () => {
|
|
@@ -2009,7 +2010,7 @@ const DatePicker = () => {
|
|
|
2009
2010
|
m('span.date-text', `${day}, ${month} ${date}`),
|
|
2010
2011
|
]);
|
|
2011
2012
|
}
|
|
2012
|
-
}
|
|
2013
|
+
},
|
|
2013
2014
|
};
|
|
2014
2015
|
};
|
|
2015
2016
|
const DateControls = () => {
|
|
@@ -2040,7 +2041,13 @@ const DatePicker = () => {
|
|
|
2040
2041
|
e.preventDefault();
|
|
2041
2042
|
prevMonth();
|
|
2042
2043
|
},
|
|
2043
|
-
}, m('svg', {
|
|
2044
|
+
}, m('svg', {
|
|
2045
|
+
fill: '#000000',
|
|
2046
|
+
height: '24',
|
|
2047
|
+
viewBox: '0 0 24 24',
|
|
2048
|
+
width: '24',
|
|
2049
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
2050
|
+
}, [
|
|
2044
2051
|
m('path', { d: 'M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z' }),
|
|
2045
2052
|
m('path', { d: 'M0-.5h24v24H0z', fill: 'none' }),
|
|
2046
2053
|
])),
|
|
@@ -2100,12 +2107,18 @@ const DatePicker = () => {
|
|
|
2100
2107
|
e.preventDefault();
|
|
2101
2108
|
nextMonth();
|
|
2102
2109
|
},
|
|
2103
|
-
}, m('svg', {
|
|
2110
|
+
}, m('svg', {
|
|
2111
|
+
fill: '#000000',
|
|
2112
|
+
height: '24',
|
|
2113
|
+
viewBox: '0 0 24 24',
|
|
2114
|
+
width: '24',
|
|
2115
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
2116
|
+
}, [
|
|
2104
2117
|
m('path', { d: 'M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' }),
|
|
2105
2118
|
m('path', { d: 'M0-.25h24v24H0z', fill: 'none' }),
|
|
2106
2119
|
])),
|
|
2107
2120
|
]);
|
|
2108
|
-
}
|
|
2121
|
+
},
|
|
2109
2122
|
};
|
|
2110
2123
|
};
|
|
2111
2124
|
const gotoMonth = (month) => {
|
|
@@ -2148,6 +2161,7 @@ const DatePicker = () => {
|
|
|
2148
2161
|
state.monthDropdownOpen = false;
|
|
2149
2162
|
state.yearDropdownOpen = false;
|
|
2150
2163
|
}
|
|
2164
|
+
m.redraw();
|
|
2151
2165
|
};
|
|
2152
2166
|
return {
|
|
2153
2167
|
oninit: (vnode) => {
|
|
@@ -2624,9 +2638,7 @@ const SingleRangeSlider = {
|
|
|
2624
2638
|
state.cleanupMouseEvents = null;
|
|
2625
2639
|
}
|
|
2626
2640
|
updateSingleValue(state.singleValue, false);
|
|
2627
|
-
|
|
2628
|
-
m.redraw();
|
|
2629
|
-
}
|
|
2641
|
+
m.redraw();
|
|
2630
2642
|
};
|
|
2631
2643
|
document.addEventListener('mousemove', handleMouseMove);
|
|
2632
2644
|
document.addEventListener('mouseup', handleMouseUp);
|
|
@@ -2769,9 +2781,7 @@ const DoubleRangeSlider = {
|
|
|
2769
2781
|
state.cleanupMouseEvents = null;
|
|
2770
2782
|
}
|
|
2771
2783
|
updateRangeValues(state.rangeMinValue, state.rangeMaxValue, attrs, state, false);
|
|
2772
|
-
|
|
2773
|
-
m.redraw();
|
|
2774
|
-
}
|
|
2784
|
+
m.redraw();
|
|
2775
2785
|
};
|
|
2776
2786
|
document.addEventListener('mousemove', handleMouseMove);
|
|
2777
2787
|
document.addEventListener('mouseup', handleMouseUp);
|
|
@@ -4756,6 +4766,7 @@ const MaterialBox = () => {
|
|
|
4756
4766
|
state.originalImage = null;
|
|
4757
4767
|
if (attrs.onCloseEnd)
|
|
4758
4768
|
attrs.onCloseEnd();
|
|
4769
|
+
m.redraw();
|
|
4759
4770
|
}, attrs.outDuration || 200);
|
|
4760
4771
|
};
|
|
4761
4772
|
return {
|
|
@@ -4806,6 +4817,7 @@ const ModalPanel = () => {
|
|
|
4806
4817
|
}
|
|
4807
4818
|
// Restore body scroll
|
|
4808
4819
|
document.body.style.overflow = '';
|
|
4820
|
+
m.redraw();
|
|
4809
4821
|
};
|
|
4810
4822
|
const openModal = (attrs) => {
|
|
4811
4823
|
state.isOpen = true;
|
|
@@ -5186,6 +5198,7 @@ const TimePicker = () => {
|
|
|
5186
5198
|
const y = clickPos.y - state.y0;
|
|
5187
5199
|
state.moved = true;
|
|
5188
5200
|
setHand(x, y, false);
|
|
5201
|
+
m.redraw();
|
|
5189
5202
|
};
|
|
5190
5203
|
const handleDocumentClickEnd = (e) => {
|
|
5191
5204
|
e.preventDefault();
|
|
@@ -5213,6 +5226,7 @@ const TimePicker = () => {
|
|
|
5213
5226
|
if (options.onSelect) {
|
|
5214
5227
|
options.onSelect(state.hours, state.minutes);
|
|
5215
5228
|
}
|
|
5229
|
+
m.redraw();
|
|
5216
5230
|
};
|
|
5217
5231
|
const updateTimeFromInput = (inputValue) => {
|
|
5218
5232
|
let value = ((inputValue || options.defaultTime || '') + '').split(':');
|
|
@@ -5498,6 +5512,7 @@ const TimePicker = () => {
|
|
|
5498
5512
|
value = `${value} ${state.amOrPm}`;
|
|
5499
5513
|
}
|
|
5500
5514
|
close();
|
|
5515
|
+
m.redraw();
|
|
5501
5516
|
return value;
|
|
5502
5517
|
};
|
|
5503
5518
|
const clear = () => {
|
|
@@ -6083,6 +6098,7 @@ const Select = () => {
|
|
|
6083
6098
|
const closeDropdown = (e) => {
|
|
6084
6099
|
if (!state.isMultiple) {
|
|
6085
6100
|
state.isOpen = false;
|
|
6101
|
+
m.redraw();
|
|
6086
6102
|
return;
|
|
6087
6103
|
}
|
|
6088
6104
|
const target = e.target;
|
|
@@ -6092,6 +6108,7 @@ const Select = () => {
|
|
|
6092
6108
|
if (!isClickInsideSelect && !isClickInsidePortalDropdown) {
|
|
6093
6109
|
state.isOpen = false;
|
|
6094
6110
|
}
|
|
6111
|
+
m.redraw();
|
|
6095
6112
|
};
|
|
6096
6113
|
const getPortalStyles = (inputRef) => {
|
|
6097
6114
|
if (!inputRef)
|
|
@@ -6619,6 +6636,7 @@ const SearchSelect = () => {
|
|
|
6619
6636
|
// Click outside, close dropdown
|
|
6620
6637
|
state.isOpen = false;
|
|
6621
6638
|
}
|
|
6639
|
+
m.redraw();
|
|
6622
6640
|
};
|
|
6623
6641
|
// Handle keyboard navigation
|
|
6624
6642
|
const handleKeyDown = (e, filteredOptions, showAddNew) => {
|
|
@@ -7771,6 +7789,7 @@ const Sidenav = () => {
|
|
|
7771
7789
|
const handleEscapeKey = (e, attrs) => {
|
|
7772
7790
|
if (e.key === 'Escape' && attrs.closeOnEscape !== false && attrs.onToggle) {
|
|
7773
7791
|
attrs.onToggle(false);
|
|
7792
|
+
m.redraw();
|
|
7774
7793
|
}
|
|
7775
7794
|
};
|
|
7776
7795
|
const setBodyOverflow = (isOpen, mode) => {
|
package/dist/index.js
CHANGED
|
@@ -266,6 +266,7 @@ const Autocomplete = () => {
|
|
|
266
266
|
state.isOpen = false;
|
|
267
267
|
state.selectedIndex = -1;
|
|
268
268
|
}
|
|
269
|
+
m.redraw();
|
|
269
270
|
};
|
|
270
271
|
const getDropdownStyles = () => {
|
|
271
272
|
if (!state.inputElement) {
|
|
@@ -1828,7 +1829,7 @@ const DatePicker = () => {
|
|
|
1828
1829
|
},
|
|
1829
1830
|
}, opts.day),
|
|
1830
1831
|
]);
|
|
1831
|
-
}
|
|
1832
|
+
},
|
|
1832
1833
|
};
|
|
1833
1834
|
};
|
|
1834
1835
|
const Calendar = () => {
|
|
@@ -1919,7 +1920,7 @@ const DatePicker = () => {
|
|
|
1919
1920
|
const weekDate = new Date(yearNumber, monthNumber, dayNumber);
|
|
1920
1921
|
const weekNum = getWeekNumber(weekDate, options.weekNumbering, options.firstDay);
|
|
1921
1922
|
row.push(m('td.datepicker-week-number', {
|
|
1922
|
-
title: `Week ${weekNum}
|
|
1923
|
+
title: `Week ${weekNum}`,
|
|
1923
1924
|
}, weekNum));
|
|
1924
1925
|
}
|
|
1925
1926
|
row.push(m(Day, { opts: dayConfig, options }));
|
|
@@ -1952,7 +1953,7 @@ const DatePicker = () => {
|
|
|
1952
1953
|
class: options.showWeekNumbers ? 'with-week-numbers' : '',
|
|
1953
1954
|
}, [m('thead', [m('tr', weekdayHeaders)]), m('tbody', data)]),
|
|
1954
1955
|
]);
|
|
1955
|
-
}
|
|
1956
|
+
},
|
|
1956
1957
|
};
|
|
1957
1958
|
};
|
|
1958
1959
|
const DateDisplay = () => {
|
|
@@ -2011,7 +2012,7 @@ const DatePicker = () => {
|
|
|
2011
2012
|
m('span.date-text', `${day}, ${month} ${date}`),
|
|
2012
2013
|
]);
|
|
2013
2014
|
}
|
|
2014
|
-
}
|
|
2015
|
+
},
|
|
2015
2016
|
};
|
|
2016
2017
|
};
|
|
2017
2018
|
const DateControls = () => {
|
|
@@ -2042,7 +2043,13 @@ const DatePicker = () => {
|
|
|
2042
2043
|
e.preventDefault();
|
|
2043
2044
|
prevMonth();
|
|
2044
2045
|
},
|
|
2045
|
-
}, m('svg', {
|
|
2046
|
+
}, m('svg', {
|
|
2047
|
+
fill: '#000000',
|
|
2048
|
+
height: '24',
|
|
2049
|
+
viewBox: '0 0 24 24',
|
|
2050
|
+
width: '24',
|
|
2051
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
2052
|
+
}, [
|
|
2046
2053
|
m('path', { d: 'M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z' }),
|
|
2047
2054
|
m('path', { d: 'M0-.5h24v24H0z', fill: 'none' }),
|
|
2048
2055
|
])),
|
|
@@ -2102,12 +2109,18 @@ const DatePicker = () => {
|
|
|
2102
2109
|
e.preventDefault();
|
|
2103
2110
|
nextMonth();
|
|
2104
2111
|
},
|
|
2105
|
-
}, m('svg', {
|
|
2112
|
+
}, m('svg', {
|
|
2113
|
+
fill: '#000000',
|
|
2114
|
+
height: '24',
|
|
2115
|
+
viewBox: '0 0 24 24',
|
|
2116
|
+
width: '24',
|
|
2117
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
2118
|
+
}, [
|
|
2106
2119
|
m('path', { d: 'M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' }),
|
|
2107
2120
|
m('path', { d: 'M0-.25h24v24H0z', fill: 'none' }),
|
|
2108
2121
|
])),
|
|
2109
2122
|
]);
|
|
2110
|
-
}
|
|
2123
|
+
},
|
|
2111
2124
|
};
|
|
2112
2125
|
};
|
|
2113
2126
|
const gotoMonth = (month) => {
|
|
@@ -2150,6 +2163,7 @@ const DatePicker = () => {
|
|
|
2150
2163
|
state.monthDropdownOpen = false;
|
|
2151
2164
|
state.yearDropdownOpen = false;
|
|
2152
2165
|
}
|
|
2166
|
+
m.redraw();
|
|
2153
2167
|
};
|
|
2154
2168
|
return {
|
|
2155
2169
|
oninit: (vnode) => {
|
|
@@ -2626,9 +2640,7 @@ const SingleRangeSlider = {
|
|
|
2626
2640
|
state.cleanupMouseEvents = null;
|
|
2627
2641
|
}
|
|
2628
2642
|
updateSingleValue(state.singleValue, false);
|
|
2629
|
-
|
|
2630
|
-
m.redraw();
|
|
2631
|
-
}
|
|
2643
|
+
m.redraw();
|
|
2632
2644
|
};
|
|
2633
2645
|
document.addEventListener('mousemove', handleMouseMove);
|
|
2634
2646
|
document.addEventListener('mouseup', handleMouseUp);
|
|
@@ -2771,9 +2783,7 @@ const DoubleRangeSlider = {
|
|
|
2771
2783
|
state.cleanupMouseEvents = null;
|
|
2772
2784
|
}
|
|
2773
2785
|
updateRangeValues(state.rangeMinValue, state.rangeMaxValue, attrs, state, false);
|
|
2774
|
-
|
|
2775
|
-
m.redraw();
|
|
2776
|
-
}
|
|
2786
|
+
m.redraw();
|
|
2777
2787
|
};
|
|
2778
2788
|
document.addEventListener('mousemove', handleMouseMove);
|
|
2779
2789
|
document.addEventListener('mouseup', handleMouseUp);
|
|
@@ -4758,6 +4768,7 @@ const MaterialBox = () => {
|
|
|
4758
4768
|
state.originalImage = null;
|
|
4759
4769
|
if (attrs.onCloseEnd)
|
|
4760
4770
|
attrs.onCloseEnd();
|
|
4771
|
+
m.redraw();
|
|
4761
4772
|
}, attrs.outDuration || 200);
|
|
4762
4773
|
};
|
|
4763
4774
|
return {
|
|
@@ -4808,6 +4819,7 @@ const ModalPanel = () => {
|
|
|
4808
4819
|
}
|
|
4809
4820
|
// Restore body scroll
|
|
4810
4821
|
document.body.style.overflow = '';
|
|
4822
|
+
m.redraw();
|
|
4811
4823
|
};
|
|
4812
4824
|
const openModal = (attrs) => {
|
|
4813
4825
|
state.isOpen = true;
|
|
@@ -5188,6 +5200,7 @@ const TimePicker = () => {
|
|
|
5188
5200
|
const y = clickPos.y - state.y0;
|
|
5189
5201
|
state.moved = true;
|
|
5190
5202
|
setHand(x, y, false);
|
|
5203
|
+
m.redraw();
|
|
5191
5204
|
};
|
|
5192
5205
|
const handleDocumentClickEnd = (e) => {
|
|
5193
5206
|
e.preventDefault();
|
|
@@ -5215,6 +5228,7 @@ const TimePicker = () => {
|
|
|
5215
5228
|
if (options.onSelect) {
|
|
5216
5229
|
options.onSelect(state.hours, state.minutes);
|
|
5217
5230
|
}
|
|
5231
|
+
m.redraw();
|
|
5218
5232
|
};
|
|
5219
5233
|
const updateTimeFromInput = (inputValue) => {
|
|
5220
5234
|
let value = ((inputValue || options.defaultTime || '') + '').split(':');
|
|
@@ -5500,6 +5514,7 @@ const TimePicker = () => {
|
|
|
5500
5514
|
value = `${value} ${state.amOrPm}`;
|
|
5501
5515
|
}
|
|
5502
5516
|
close();
|
|
5517
|
+
m.redraw();
|
|
5503
5518
|
return value;
|
|
5504
5519
|
};
|
|
5505
5520
|
const clear = () => {
|
|
@@ -6085,6 +6100,7 @@ const Select = () => {
|
|
|
6085
6100
|
const closeDropdown = (e) => {
|
|
6086
6101
|
if (!state.isMultiple) {
|
|
6087
6102
|
state.isOpen = false;
|
|
6103
|
+
m.redraw();
|
|
6088
6104
|
return;
|
|
6089
6105
|
}
|
|
6090
6106
|
const target = e.target;
|
|
@@ -6094,6 +6110,7 @@ const Select = () => {
|
|
|
6094
6110
|
if (!isClickInsideSelect && !isClickInsidePortalDropdown) {
|
|
6095
6111
|
state.isOpen = false;
|
|
6096
6112
|
}
|
|
6113
|
+
m.redraw();
|
|
6097
6114
|
};
|
|
6098
6115
|
const getPortalStyles = (inputRef) => {
|
|
6099
6116
|
if (!inputRef)
|
|
@@ -6621,6 +6638,7 @@ const SearchSelect = () => {
|
|
|
6621
6638
|
// Click outside, close dropdown
|
|
6622
6639
|
state.isOpen = false;
|
|
6623
6640
|
}
|
|
6641
|
+
m.redraw();
|
|
6624
6642
|
};
|
|
6625
6643
|
// Handle keyboard navigation
|
|
6626
6644
|
const handleKeyDown = (e, filteredOptions, showAddNew) => {
|
|
@@ -7773,6 +7791,7 @@ const Sidenav = () => {
|
|
|
7773
7791
|
const handleEscapeKey = (e, attrs) => {
|
|
7774
7792
|
if (e.key === 'Escape' && attrs.closeOnEscape !== false && attrs.onToggle) {
|
|
7775
7793
|
attrs.onToggle(false);
|
|
7794
|
+
m.redraw();
|
|
7776
7795
|
}
|
|
7777
7796
|
};
|
|
7778
7797
|
const setBodyOverflow = (isOpen, mode) => {
|
package/dist/index.umd.js
CHANGED
|
@@ -268,6 +268,7 @@
|
|
|
268
268
|
state.isOpen = false;
|
|
269
269
|
state.selectedIndex = -1;
|
|
270
270
|
}
|
|
271
|
+
m.redraw();
|
|
271
272
|
};
|
|
272
273
|
const getDropdownStyles = () => {
|
|
273
274
|
if (!state.inputElement) {
|
|
@@ -1830,7 +1831,7 @@
|
|
|
1830
1831
|
},
|
|
1831
1832
|
}, opts.day),
|
|
1832
1833
|
]);
|
|
1833
|
-
}
|
|
1834
|
+
},
|
|
1834
1835
|
};
|
|
1835
1836
|
};
|
|
1836
1837
|
const Calendar = () => {
|
|
@@ -1921,7 +1922,7 @@
|
|
|
1921
1922
|
const weekDate = new Date(yearNumber, monthNumber, dayNumber);
|
|
1922
1923
|
const weekNum = getWeekNumber(weekDate, options.weekNumbering, options.firstDay);
|
|
1923
1924
|
row.push(m('td.datepicker-week-number', {
|
|
1924
|
-
title: `Week ${weekNum}
|
|
1925
|
+
title: `Week ${weekNum}`,
|
|
1925
1926
|
}, weekNum));
|
|
1926
1927
|
}
|
|
1927
1928
|
row.push(m(Day, { opts: dayConfig, options }));
|
|
@@ -1954,7 +1955,7 @@
|
|
|
1954
1955
|
class: options.showWeekNumbers ? 'with-week-numbers' : '',
|
|
1955
1956
|
}, [m('thead', [m('tr', weekdayHeaders)]), m('tbody', data)]),
|
|
1956
1957
|
]);
|
|
1957
|
-
}
|
|
1958
|
+
},
|
|
1958
1959
|
};
|
|
1959
1960
|
};
|
|
1960
1961
|
const DateDisplay = () => {
|
|
@@ -2013,7 +2014,7 @@
|
|
|
2013
2014
|
m('span.date-text', `${day}, ${month} ${date}`),
|
|
2014
2015
|
]);
|
|
2015
2016
|
}
|
|
2016
|
-
}
|
|
2017
|
+
},
|
|
2017
2018
|
};
|
|
2018
2019
|
};
|
|
2019
2020
|
const DateControls = () => {
|
|
@@ -2044,7 +2045,13 @@
|
|
|
2044
2045
|
e.preventDefault();
|
|
2045
2046
|
prevMonth();
|
|
2046
2047
|
},
|
|
2047
|
-
}, m('svg', {
|
|
2048
|
+
}, m('svg', {
|
|
2049
|
+
fill: '#000000',
|
|
2050
|
+
height: '24',
|
|
2051
|
+
viewBox: '0 0 24 24',
|
|
2052
|
+
width: '24',
|
|
2053
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
2054
|
+
}, [
|
|
2048
2055
|
m('path', { d: 'M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z' }),
|
|
2049
2056
|
m('path', { d: 'M0-.5h24v24H0z', fill: 'none' }),
|
|
2050
2057
|
])),
|
|
@@ -2104,12 +2111,18 @@
|
|
|
2104
2111
|
e.preventDefault();
|
|
2105
2112
|
nextMonth();
|
|
2106
2113
|
},
|
|
2107
|
-
}, m('svg', {
|
|
2114
|
+
}, m('svg', {
|
|
2115
|
+
fill: '#000000',
|
|
2116
|
+
height: '24',
|
|
2117
|
+
viewBox: '0 0 24 24',
|
|
2118
|
+
width: '24',
|
|
2119
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
2120
|
+
}, [
|
|
2108
2121
|
m('path', { d: 'M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' }),
|
|
2109
2122
|
m('path', { d: 'M0-.25h24v24H0z', fill: 'none' }),
|
|
2110
2123
|
])),
|
|
2111
2124
|
]);
|
|
2112
|
-
}
|
|
2125
|
+
},
|
|
2113
2126
|
};
|
|
2114
2127
|
};
|
|
2115
2128
|
const gotoMonth = (month) => {
|
|
@@ -2152,6 +2165,7 @@
|
|
|
2152
2165
|
state.monthDropdownOpen = false;
|
|
2153
2166
|
state.yearDropdownOpen = false;
|
|
2154
2167
|
}
|
|
2168
|
+
m.redraw();
|
|
2155
2169
|
};
|
|
2156
2170
|
return {
|
|
2157
2171
|
oninit: (vnode) => {
|
|
@@ -2628,9 +2642,7 @@
|
|
|
2628
2642
|
state.cleanupMouseEvents = null;
|
|
2629
2643
|
}
|
|
2630
2644
|
updateSingleValue(state.singleValue, false);
|
|
2631
|
-
|
|
2632
|
-
m.redraw();
|
|
2633
|
-
}
|
|
2645
|
+
m.redraw();
|
|
2634
2646
|
};
|
|
2635
2647
|
document.addEventListener('mousemove', handleMouseMove);
|
|
2636
2648
|
document.addEventListener('mouseup', handleMouseUp);
|
|
@@ -2773,9 +2785,7 @@
|
|
|
2773
2785
|
state.cleanupMouseEvents = null;
|
|
2774
2786
|
}
|
|
2775
2787
|
updateRangeValues(state.rangeMinValue, state.rangeMaxValue, attrs, state, false);
|
|
2776
|
-
|
|
2777
|
-
m.redraw();
|
|
2778
|
-
}
|
|
2788
|
+
m.redraw();
|
|
2779
2789
|
};
|
|
2780
2790
|
document.addEventListener('mousemove', handleMouseMove);
|
|
2781
2791
|
document.addEventListener('mouseup', handleMouseUp);
|
|
@@ -4760,6 +4770,7 @@
|
|
|
4760
4770
|
state.originalImage = null;
|
|
4761
4771
|
if (attrs.onCloseEnd)
|
|
4762
4772
|
attrs.onCloseEnd();
|
|
4773
|
+
m.redraw();
|
|
4763
4774
|
}, attrs.outDuration || 200);
|
|
4764
4775
|
};
|
|
4765
4776
|
return {
|
|
@@ -4810,6 +4821,7 @@
|
|
|
4810
4821
|
}
|
|
4811
4822
|
// Restore body scroll
|
|
4812
4823
|
document.body.style.overflow = '';
|
|
4824
|
+
m.redraw();
|
|
4813
4825
|
};
|
|
4814
4826
|
const openModal = (attrs) => {
|
|
4815
4827
|
state.isOpen = true;
|
|
@@ -5190,6 +5202,7 @@
|
|
|
5190
5202
|
const y = clickPos.y - state.y0;
|
|
5191
5203
|
state.moved = true;
|
|
5192
5204
|
setHand(x, y, false);
|
|
5205
|
+
m.redraw();
|
|
5193
5206
|
};
|
|
5194
5207
|
const handleDocumentClickEnd = (e) => {
|
|
5195
5208
|
e.preventDefault();
|
|
@@ -5217,6 +5230,7 @@
|
|
|
5217
5230
|
if (options.onSelect) {
|
|
5218
5231
|
options.onSelect(state.hours, state.minutes);
|
|
5219
5232
|
}
|
|
5233
|
+
m.redraw();
|
|
5220
5234
|
};
|
|
5221
5235
|
const updateTimeFromInput = (inputValue) => {
|
|
5222
5236
|
let value = ((inputValue || options.defaultTime || '') + '').split(':');
|
|
@@ -5502,6 +5516,7 @@
|
|
|
5502
5516
|
value = `${value} ${state.amOrPm}`;
|
|
5503
5517
|
}
|
|
5504
5518
|
close();
|
|
5519
|
+
m.redraw();
|
|
5505
5520
|
return value;
|
|
5506
5521
|
};
|
|
5507
5522
|
const clear = () => {
|
|
@@ -6087,6 +6102,7 @@
|
|
|
6087
6102
|
const closeDropdown = (e) => {
|
|
6088
6103
|
if (!state.isMultiple) {
|
|
6089
6104
|
state.isOpen = false;
|
|
6105
|
+
m.redraw();
|
|
6090
6106
|
return;
|
|
6091
6107
|
}
|
|
6092
6108
|
const target = e.target;
|
|
@@ -6096,6 +6112,7 @@
|
|
|
6096
6112
|
if (!isClickInsideSelect && !isClickInsidePortalDropdown) {
|
|
6097
6113
|
state.isOpen = false;
|
|
6098
6114
|
}
|
|
6115
|
+
m.redraw();
|
|
6099
6116
|
};
|
|
6100
6117
|
const getPortalStyles = (inputRef) => {
|
|
6101
6118
|
if (!inputRef)
|
|
@@ -6623,6 +6640,7 @@
|
|
|
6623
6640
|
// Click outside, close dropdown
|
|
6624
6641
|
state.isOpen = false;
|
|
6625
6642
|
}
|
|
6643
|
+
m.redraw();
|
|
6626
6644
|
};
|
|
6627
6645
|
// Handle keyboard navigation
|
|
6628
6646
|
const handleKeyDown = (e, filteredOptions, showAddNew) => {
|
|
@@ -7775,6 +7793,7 @@
|
|
|
7775
7793
|
const handleEscapeKey = (e, attrs) => {
|
|
7776
7794
|
if (e.key === 'Escape' && attrs.closeOnEscape !== false && attrs.onToggle) {
|
|
7777
7795
|
attrs.onToggle(false);
|
|
7796
|
+
m.redraw();
|
|
7778
7797
|
}
|
|
7779
7798
|
};
|
|
7780
7799
|
const setBodyOverflow = (isOpen, mode) => {
|