Skip to content

Commit 98e519b

Browse files
Dan503Dan503
authored
Merge pull request #36 from Dan503/FIX/#35-webpack-5-compatibility
FIX for #35: Webpack 5 compatibility
2 parents e9a88c5 + d96f495 commit 98e519b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+3558
-3010
lines changed

‎README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,9 @@ An accessible polyfill for `<input type='time'/>` elements.
1313
Demo available here: https://dan503.github.io/time-input-polyfill/
1414

1515
<details>
16-
<summary>The recommended version is <code>1.0.10</code> or higher.</summary>
16+
<summary>The recommended version is <code>1.0.11</code> or higher.</summary>
1717

18-
<p>If the recommended version in this documentation is out of sync with the npm version, this is because npm only allows readme edits to be committed through full releases. To prevent needless cache invalidation, I'll only update the recommended version number when there are actual changes to the polyfill code. The current recommended version is <code>1.0.10</code>. As long as you are using a version that is equal to or higher than that, you are using the latest version of the polyfill.</p>
18+
<p>If the recommended version in this documentation is out of sync with the npm version, this is because npm only allows readme edits to be committed through full releases. To prevent needless cache invalidation, I'll only update the recommended version number when there are actual changes to the polyfill code. The current recommended version is <code>1.0.11</code>. As long as you are using a version that is equal to or higher than that, you are using the latest version of the polyfill.</p>
1919

2020
</details>
2121

@@ -59,7 +59,7 @@ You didn't load the actual polyfill onto the page, you loaded a much smaller aut
5959
1. The initialiser checks if the browser supports `input[type="time"]` elements.
6060
2. If it **does**, it skips the rest of the functionality.
6161
3. If it does **not**, it will:
62-
1. load `https://cdn.jsdelivr.net/npm/[email protected].10/dist/time-input-polyfill.min.js` (the actual polyfill).
62+
1. load `https://cdn.jsdelivr.net/npm/[email protected].11/dist/time-input-polyfill.min.js` (the actual polyfill).
6363
2. Collect all existing `input[type="time"]` elements on the page.
6464
3. Loop through each `input[type="time"]` element and apply the polyfill to it.
6565

@@ -103,7 +103,7 @@ if (!supportsTime) {
103103
First check for `input[type="time"]` support.
104104

105105
```html
106-
<script src="https://cdn.jsdelivr.net/npm/[email protected].10/core/helpers/supportsTime.js"></script>
106+
<script src="https://cdn.jsdelivr.net/npm/[email protected].11/core/helpers/supportsTime.js"></script>
107107
```
108108

109109
```js
@@ -115,8 +115,8 @@ if (!supportsTime) {
115115
Then gather a list of all `input[type="time"]` elements on the page, and loop through them to apply the polyfill.
116116

117117
```html
118-
<script src="https://cdn.jsdelivr.net/npm/[email protected].10/core/helpers/supportsTime.js"></script>
119-
<script src="https://cdn.jsdelivr.net/npm/[email protected].10/dist/time-input-polyfill.min.js"></script>
118+
<script src="https://cdn.jsdelivr.net/npm/[email protected].11/core/helpers/supportsTime.js"></script>
119+
<script src="https://cdn.jsdelivr.net/npm/[email protected].11/dist/time-input-polyfill.min.js"></script>
120120
```
121121

122122
```js

‎auto.mjs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import supports_time from './core/helpers/supportsTime'
2-
import loadJS from './core/helpers/loadJS'
1+
import supports_time from './core/helpers/supportsTime.js'
2+
import loadJS from './core/helpers/loadJS.js'
33

44
document.addEventListener('DOMContentLoaded', () => {
55
if (!supports_time) {
66
loadJS(
7-
'https://cdn.jsdelivr.net/npm/[email protected].10/dist/time-input-polyfill.min.js',
7+
'https://cdn.jsdelivr.net/npm/[email protected].11/dist/time-input-polyfill.min.js',
88
() => {
99
var $inputs = [].slice.call(
1010
document.querySelectorAll('input[type="time"]')

‎core/accessibility/update_a11y.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import get_values from '../getters/get_values'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import get_values from '../getters/get_values.js'
33

44
export default function update_a11y($input, announcementArray) {
55
// Timeout helps ensure that the input has stabilized
6-
setTimeout(function() {
6+
setTimeout(function () {
77
var current_segment = get_current_segment($input)
88
var values = get_values($input)
99
var value = values[current_segment]
@@ -21,7 +21,7 @@ export default function update_a11y($input, announcementArray) {
2121
update: '$segmentValue.',
2222
}
2323

24-
var textArray = announcementArray.map(function(providedString) {
24+
var textArray = announcementArray.map(function (providedString) {
2525
if (announcements[providedString]) {
2626
return announcements[providedString]
2727
}

‎core/converters/convert_to_12hr_time.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import convert_number from './convert_number'
2-
import convert_hours_to_12hr_time from './convert_hours_to_12hr_time'
3-
import leading_zero from './leading_zero'
1+
import convert_number from './convert_number.js'
2+
import convert_hours_to_12hr_time from './convert_hours_to_12hr_time.js'
3+
import leading_zero from './leading_zero.js'
44

55
export default function convert_to_12hr_time(timeString_24hr) {
66
if (timeString_24hr === '') return '--:-- --'

‎core/converters/convert_to_24hr_time.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import leading_zero from './leading_zero'
1+
import leading_zero from './leading_zero.js'
22

33
export default function convert_to_24hr_time(timeString_12hr) {
44
if (/-/.test(timeString_12hr)) return ''

‎core/events/bind_events.js

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,72 +1,72 @@
1-
import values from '../helpers/values'
1+
import values from '../helpers/values.js'
22

3-
import select_segment from '../selectors/select_segment'
3+
import select_segment from '../selectors/select_segment.js'
44

5-
import next_segment from '../selectors/next_segment'
6-
import prev_segment from '../selectors/prev_segment'
7-
import select_cursor_segment from '../selectors/select_cursor_segment'
5+
import next_segment from '../selectors/next_segment.js'
6+
import prev_segment from '../selectors/prev_segment.js'
7+
import select_cursor_segment from '../selectors/select_cursor_segment.js'
88

9-
import get_current_segment from '../getters/get_current_segment'
9+
import get_current_segment from '../getters/get_current_segment.js'
1010

11-
import reset from '../setters/reset'
12-
import manual_number_entry from '../setters/manual_number_entry'
13-
import clear_segment from '../setters/clear_segment'
14-
import increment_current_segment from '../setters/increment_current_segment'
15-
import decrement_current_segment from '../setters/decrement_current_segment'
16-
import set_mode from '../setters/set_mode'
17-
import switch_times from '../setters/switch_times'
11+
import reset from '../setters/reset.js'
12+
import manual_number_entry from '../setters/manual_number_entry.js'
13+
import clear_segment from '../setters/clear_segment.js'
14+
import increment_current_segment from '../setters/increment_current_segment.js'
15+
import decrement_current_segment from '../setters/decrement_current_segment.js'
16+
import set_mode from '../setters/set_mode.js'
17+
import switch_times from '../setters/switch_times.js'
1818

19-
import handle_tab from '../events/handle_tab'
19+
import handle_tab from '../events/handle_tab.js'
2020

21-
import all_number_keys from '../static-values/all_number_keys'
22-
import named_keys from '../static-values/named_keys'
21+
import all_number_keys from '../static-values/all_number_keys.js'
22+
import named_keys from '../static-values/named_keys.js'
2323

24-
import update_a11y from '../accessibility/update_a11y'
24+
import update_a11y from '../accessibility/update_a11y.js'
2525

2626
export default function bind_events($input) {
2727
var prev_value = ''
2828

2929
var shiftKey = false
3030

31-
document.addEventListener('keydown', function(e) {
31+
document.addEventListener('keydown', function (e) {
3232
shiftKey = e.shiftKey
3333
})
34-
document.addEventListener('keyup', function(e) {
34+
document.addEventListener('keyup', function (e) {
3535
shiftKey = e.shiftKey
3636
})
3737

3838
if ($input.form) {
39-
$input.form.addEventListener('submit', function() {
39+
$input.form.addEventListener('submit', function () {
4040
auto_swap($input)
4141
})
4242
}
4343

4444
var focused_via_click = false
4545

46-
$input.addEventListener('mousedown', function() {
46+
$input.addEventListener('mousedown', function () {
4747
focused_via_click = true
4848
})
4949

5050
// Turns the IE clear button into a reset button
51-
$input.addEventListener('mouseup', function() {
52-
setTimeout(function() {
51+
$input.addEventListener('mouseup', function () {
52+
setTimeout(function () {
5353
if ($input.value === '') reset($input)
5454
}, 1)
5555
})
5656

57-
$input.addEventListener('click', function(e) {
57+
$input.addEventListener('click', function (e) {
5858
select_cursor_segment($input)
5959
})
6060

61-
$input.addEventListener('blur', function() {
61+
$input.addEventListener('blur', function () {
6262
var current_value = $input.dataset.value
6363
if (current_value !== prev_value) {
6464
prev_value = current_value
6565
}
6666
focused_via_click = false
6767
})
6868

69-
$input.addEventListener('focus', function(e) {
69+
$input.addEventListener('focus', function (e) {
7070
if (!focused_via_click) {
7171
e.preventDefault()
7272
var segment = shiftKey ? 'mode' : 'hrs'
@@ -75,7 +75,7 @@ export default function bind_events($input) {
7575
update_a11y($input, ['initial', 'select'])
7676
})
7777

78-
$input.addEventListener('keydown', function(e) {
78+
$input.addEventListener('keydown', function (e) {
7979
var is_enter_key = e.which === 13
8080
if (is_enter_key) return true
8181

@@ -143,7 +143,7 @@ export default function bind_events($input) {
143143
function auto_swap($input) {
144144
if ($input.polyfill.autoSwap) {
145145
switch_times($input, 24)
146-
setTimeout(function() {
146+
setTimeout(function () {
147147
switch_times($input, 12)
148148
}, 1)
149149
}

‎core/events/handle_tab.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import prev_segment from '../selectors/prev_segment'
3-
import next_segment from '../selectors/next_segment'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import prev_segment from '../selectors/prev_segment.js'
3+
import next_segment from '../selectors/next_segment.js'
44

55
export default function handle_tab($input, e) {
66
var current_segment = get_current_segment($input)

‎core/events/trigger_both_events.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import trigger_event from './trigger_event'
1+
import trigger_event from './trigger_event.js'
22

33
// It seems that oninput and onchange are treated the same way by browsers :/
44
export default function trigger_both_events($input) {

‎core/events/trigger_event.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import create_event from './create_event'
1+
import create_event from './create_event.js'
22

33
var inputEvent = create_event('input')
44
var changeEvent = create_event('change')

‎core/getters/get_current_segment.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import ranges from '../static-values/ranges'
2-
import get_selected_range from './get_selected_range'
1+
import ranges from '../static-values/ranges.js'
2+
import get_selected_range from './get_selected_range.js'
33

44
export default function get_current_segment($input) {
55
var selection = get_selected_range($input)

‎core/getters/get_label.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import get_ancestors from './get_ancestors'
1+
import get_ancestors from './get_ancestors.js'
22

33
export default function get_label($input) {
44
var labelText =

‎core/getters/get_values.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import convert_number from '../converters/convert_number'
1+
import convert_number from '../converters/convert_number.js'
22

33
export default function get_values($input, timeString) {
44
var value = timeString ? timeString : $input.value

‎core/selectors/_$$.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import toArray from '../converters/toArray'
1+
import toArray from '../converters/toArray.js'
22

33
export default function _$$(selector) {
44
var elements = document.querySelectorAll(selector)

‎core/selectors/next_segment.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import traverse from './traverse'
1+
import traverse from './traverse.js'
22

33
export default function next_segment($input) {
44
traverse($input, 'next')

‎core/selectors/prev_segment.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import traverse from './traverse'
1+
import traverse from './traverse.js'
22

33
export default function prev_segment($input) {
44
traverse($input, 'prev')

‎core/selectors/select_cursor_segment.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import select_segment from './select_segment'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import select_segment from './select_segment.js'
33

44
export default function select_cursor_segment($input) {
55
var current_segment = get_current_segment($input)

‎core/selectors/traverse.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import select_segment from '../selectors/select_segment'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import select_segment from '../selectors/select_segment.js'
33

4-
import manual_entry_log from '../helpers/manual_entry_log'
5-
import segments from '../static-values/segments'
4+
import manual_entry_log from '../helpers/manual_entry_log.js'
5+
import segments from '../static-values/segments.js'
66

7-
import update_a11y from '../accessibility/update_a11y'
7+
import update_a11y from '../accessibility/update_a11y.js'
88

99
export default function traverse($input, direction) {
1010
var segment = get_current_segment($input)

‎core/setters/apply_default.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
// I need to keep this separate from reset so that
22
// I can reset without attracting focus
33

4-
import set_data_attribute from '../setters/set_data_attribute'
5-
import trigger_both_events from '../events/trigger_both_events'
4+
import set_data_attribute from '../setters/set_data_attribute.js'
5+
import trigger_both_events from '../events/trigger_both_events.js'
66

77
export default function apply_default($input) {
88
$input.value = '--:-- --'

‎core/setters/clear_segment.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import set_segment from './set_segment'
2-
import update_a11y from '../accessibility/update_a11y'
1+
import set_segment from './set_segment.js'
2+
import update_a11y from '../accessibility/update_a11y.js'
33

44
export default function clear_segment($input, segment) {
55
set_segment($input, segment, '--')

‎core/setters/decrement.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import switch_mode from './switch_mode'
2-
import nudge_time_segment from './nudge_time_segment'
3-
import update_a11y from '../accessibility/update_a11y'
1+
import switch_mode from './switch_mode.js'
2+
import nudge_time_segment from './nudge_time_segment.js'
3+
import update_a11y from '../accessibility/update_a11y.js'
44

55
export default function decrement($input, segment) {
66
if (segment === 'mode') {

‎core/setters/decrement_current_segment.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import decrement from '../setters/decrement'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import decrement from '../setters/decrement.js'
33

44
export default function decrement_current_segment($input) {
55
var current_segment = get_current_segment($input)

‎core/setters/increment.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import switch_mode from './switch_mode'
2-
import nudge_time_segment from './nudge_time_segment'
3-
import update_a11y from '../accessibility/update_a11y'
1+
import switch_mode from './switch_mode.js'
2+
import nudge_time_segment from './nudge_time_segment.js'
3+
import update_a11y from '../accessibility/update_a11y.js'
44

55
export default function increment($input, segment) {
66
if (segment === 'mode') {

‎core/setters/increment_current_segment.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import increment from '../setters/increment'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import increment from '../setters/increment.js'
33

44
export default function increment_current_segment($input) {
55
var current_segment = get_current_segment($input)

‎core/setters/manual_number_entry.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import set_segment from './set_segment'
3-
import next_segment from '../selectors/next_segment'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import set_segment from './set_segment.js'
3+
import next_segment from '../selectors/next_segment.js'
44

5-
import manual_entry_log from '../helpers/manual_entry_log'
6-
import sorted_number_keys from '../static-values/sorted_number_keys'
5+
import manual_entry_log from '../helpers/manual_entry_log.js'
6+
import sorted_number_keys from '../static-values/sorted_number_keys.js'
77

88
export default function manual_number_entry($input, key) {
99
var key_value = sorted_number_keys[key]

‎core/setters/nudge_time_segment.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import get_values from '../getters/get_values'
2-
import convert_hours_to_12hr_time from '../converters/convert_hours_to_12hr_time'
3-
import leading_zero from '../converters/leading_zero'
4-
import set_segment from './set_segment'
1+
import get_values from '../getters/get_values.js'
2+
import convert_hours_to_12hr_time from '../converters/convert_hours_to_12hr_time.js'
3+
import leading_zero from '../converters/leading_zero.js'
4+
import set_segment from './set_segment.js'
55

66
export default function nudge_time_segment($input, segment, direction) {
77
var current_values = get_values($input)

‎core/setters/reset.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import apply_default from './apply_default'
2-
import select_segment from '../selectors/select_segment'
1+
import apply_default from './apply_default.js'
2+
import select_segment from '../selectors/select_segment.js'
33

44
export default function reset($input) {
55
apply_default($input)

‎core/setters/set_data_attribute.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import convert_to_24hr_time from '../converters/convert_to_24hr_time'
1+
import convert_to_24hr_time from '../converters/convert_to_24hr_time.js'
22

33
export default function set_data_attribute($input, timeString_12hr) {
44
var filteredString =

‎core/setters/set_mode.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import get_current_segment from '../getters/get_current_segment'
2-
import set_segment from './set_segment'
1+
import get_current_segment from '../getters/get_current_segment.js'
2+
import set_segment from './set_segment.js'
33

44
export default function set_mode($input, type) {
55
var segment = get_current_segment($input)

0 commit comments

Comments
 (0)