@madgex/design-system 3.0.2 → 3.0.3

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.
Files changed (109) hide show
  1. package/.eslintignore +2 -0
  2. package/.eslintrc.js +3 -3
  3. package/__tests__/.eslintrc.js +3 -3
  4. package/__tests__/unit/src/components/combobox.spec.js +4 -28
  5. package/__tests__/unit/src/components/notification.spec.js +14 -12
  6. package/__tests__/unit/src/components/popover.spec.js +4 -0
  7. package/__tests__/unit/tasks/css.spec.js +3 -2
  8. package/__tests__/unit/tasks/jsbundle.spec.js +3 -2
  9. package/__tests__/unit/tasks/svgsprite.spec.js +3 -2
  10. package/__tests__/unit/tasks/tokens.spec.js +3 -2
  11. package/coverage/cobertura-coverage.xml +389 -389
  12. package/coverage/components/accordion/accordion.js.html +164 -127
  13. package/coverage/components/accordion/index.html +23 -22
  14. package/coverage/components/button/button.js.html +3 -2
  15. package/coverage/components/button/index.html +3 -2
  16. package/coverage/components/inputs/combobox/combobox.js.html +3 -2
  17. package/coverage/components/inputs/combobox/index.html +3 -2
  18. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +55 -54
  19. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +9 -8
  20. package/coverage/components/inputs/combobox/vue-components/index.html +21 -20
  21. package/coverage/components/inputs/file-upload/file-upload.js.html +7 -3
  22. package/coverage/components/inputs/file-upload/index.html +3 -2
  23. package/coverage/components/inputs/textarea/character-count.js.html +13 -3
  24. package/coverage/components/inputs/textarea/index.html +3 -2
  25. package/coverage/components/modal/index.html +23 -22
  26. package/coverage/components/modal/modal.js.html +118 -111
  27. package/coverage/components/notification/index.html +3 -2
  28. package/coverage/components/notification/notification.js.html +13 -3
  29. package/coverage/components/popover/index.html +3 -2
  30. package/coverage/components/popover/popover.js.html +3 -2
  31. package/coverage/components/switch-state/index.html +19 -18
  32. package/coverage/components/switch-state/switch-state.js.html +22 -21
  33. package/coverage/components/tabs/index.html +3 -2
  34. package/coverage/components/tabs/tabs.js.html +37 -3
  35. package/coverage/favicon.png +0 -0
  36. package/coverage/index.html +52 -51
  37. package/coverage/js/common.js.html +3 -2
  38. package/coverage/js/fractal-scripts/combobox.js.html +22 -3
  39. package/coverage/js/fractal-scripts/index.html +3 -2
  40. package/coverage/js/fractal-scripts/notification.js.html +13 -3
  41. package/coverage/js/fractal-scripts/switch-state.js.html +13 -3
  42. package/coverage/js/index-fractal.js.html +3 -2
  43. package/coverage/js/index-polyfills.js.html +3 -2
  44. package/coverage/js/index-vue.js.html +3 -2
  45. package/coverage/js/index.html +3 -2
  46. package/coverage/js/index.js.html +3 -2
  47. package/coverage/js/polyfills/arrayPrototypeFind.js.html +20 -10
  48. package/coverage/js/polyfills/closest.js.html +8 -4
  49. package/coverage/js/polyfills/index.html +3 -2
  50. package/coverage/js/polyfills/objectAssign.js.html +19 -9
  51. package/coverage/js/polyfills/remove.js.html +3 -2
  52. package/coverage/tokens/_config.js.html +3 -2
  53. package/coverage/tokens/index.html +3 -2
  54. package/cypress/.eslintrc.js +6 -6
  55. package/cypress/fixtures/testuploadfile.txt +1 -0
  56. package/cypress/integration/components/accordion.spec.js +40 -3
  57. package/cypress/integration/components/button.spec.js +2 -3
  58. package/cypress/integration/components/card.spec.js +2 -3
  59. package/cypress/integration/components/icons.spec.js +10 -0
  60. package/cypress/integration/components/{combobox.spec.js → inputs/combobox.spec.js} +6 -0
  61. package/cypress/integration/components/inputs/file-upload.spec.js +45 -0
  62. package/cypress/integration/components/{input.spec.js → inputs/input.spec.js} +1 -1
  63. package/cypress/integration/components/inputs/label.spec.js +15 -0
  64. package/cypress/integration/components/inputs/radio.spec.js +20 -0
  65. package/cypress/integration/components/inputs/select.spec.js +31 -0
  66. package/cypress/integration/components/inputs/textarea.spec.js +23 -0
  67. package/cypress/integration/components/modal.spec.js +65 -0
  68. package/cypress/integration/components/notifications.spec.js +35 -0
  69. package/cypress/integration/components/popover.spec.js +36 -0
  70. package/cypress/integration/components/skip-link.spec.js +9 -0
  71. package/cypress/plugins/index.js +1 -1
  72. package/cypress/support/commands.js +14 -0
  73. package/cypress/support/index.js +2 -0
  74. package/dist/_tokens/css/_tokens.css +1 -1
  75. package/dist/_tokens/js/_tokens-module.js +455 -1
  76. package/dist/_tokens/scss/_tokens.scss +4 -4
  77. package/dist/assets/icons.json +1 -1
  78. package/dist/assets/icons.svg +6 -1
  79. package/dist/js/index.js +1 -1
  80. package/fractal.js +2 -0
  81. package/package.json +59 -54
  82. package/server.js +1 -1
  83. package/src/components/accordion/accordion.config.js +9 -12
  84. package/src/components/accordion/accordion.js +12 -0
  85. package/src/components/inputs/file-upload/file-upload.js +1 -0
  86. package/src/components/inputs/textarea/character-count.js +3 -0
  87. package/src/components/modal/modal.js +3 -1
  88. package/src/components/notification/notification.js +3 -0
  89. package/src/components/skip-link/skip-link.njk +11 -1
  90. package/src/components/tabs/tabs.js +11 -0
  91. package/src/js/fractal-scripts/combobox.js +6 -0
  92. package/src/js/fractal-scripts/notification.js +3 -0
  93. package/src/js/fractal-scripts/switch-state.js +3 -0
  94. package/src/js/polyfills/arrayPrototypeFind.js +9 -6
  95. package/src/js/polyfills/closest.js +2 -1
  96. package/src/js/polyfills/objectAssign.js +9 -6
  97. package/tasks/colorTransforms.js +4 -0
  98. package/tasks/createMacroIndex.js +1 -0
  99. package/tasks/css.js +3 -0
  100. package/tasks/fractal.js +2 -0
  101. package/tasks/js-bundle.js +6 -2
  102. package/tasks/svgsprite.js +31 -21
  103. package/tasks/tokens.js +2 -0
  104. package/__tests__/unit/src/components/accordion.spec.js +0 -88
  105. package/__tests__/unit/src/components/modal.spec.js +0 -87
  106. package/__tests__/unit/src/components/switch-state.spec.js +0 -21
  107. package/cypress/integration/components/textarea.spec.js +0 -9
  108. /package/cypress/integration/components/{checkbox-list.spec.js → inputs/checkbox-list.spec.js} +0 -0
  109. /package/cypress/integration/components/{single-checkbox.spec.js → inputs/single-checkbox.spec.js} +0 -0
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -106,14 +107,22 @@
106
107
  <a name='L48'></a><a href='#L48'>48</a>
107
108
  <a name='L49'></a><a href='#L49'>49</a>
108
109
  <a name='L50'></a><a href='#L50'>50</a>
109
- <a name='L51'></a><a href='#L51'>51</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
110
+ <a name='L51'></a><a href='#L51'>51</a>
111
+ <a name='L52'></a><a href='#L52'>52</a>
112
+ <a name='L53'></a><a href='#L53'>53</a>
113
+ <a name='L54'></a><a href='#L54'>54</a>
114
+ <a name='L55'></a><a href='#L55'>55</a>
115
+ <a name='L56'></a><a href='#L56'>56</a>
116
+ <a name='L57'></a><a href='#L57'>57</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
110
117
  <span class="cline-any cline-neutral">&nbsp;</span>
111
118
  <span class="cline-any cline-neutral">&nbsp;</span>
112
119
  <span class="cline-any cline-no">&nbsp;</span>
120
+ <span class="cline-any cline-neutral">&nbsp;</span>
113
121
  <span class="cline-any cline-no">&nbsp;</span>
114
122
  <span class="cline-any cline-no">&nbsp;</span>
115
123
  <span class="cline-any cline-no">&nbsp;</span>
116
124
  <span class="cline-any cline-no">&nbsp;</span>
125
+ <span class="cline-any cline-neutral">&nbsp;</span>
117
126
  <span class="cline-any cline-no">&nbsp;</span>
118
127
  <span class="cline-any cline-neutral">&nbsp;</span>
119
128
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -127,16 +136,20 @@
127
136
  <span class="cline-any cline-neutral">&nbsp;</span>
128
137
  <span class="cline-any cline-neutral">&nbsp;</span>
129
138
  <span class="cline-any cline-no">&nbsp;</span>
139
+ <span class="cline-any cline-neutral">&nbsp;</span>
130
140
  <span class="cline-any cline-no">&nbsp;</span>
131
141
  <span class="cline-any cline-no">&nbsp;</span>
142
+ <span class="cline-any cline-neutral">&nbsp;</span>
132
143
  <span class="cline-any cline-no">&nbsp;</span>
133
144
  <span class="cline-any cline-no">&nbsp;</span>
134
145
  <span class="cline-any cline-no">&nbsp;</span>
146
+ <span class="cline-any cline-neutral">&nbsp;</span>
135
147
  <span class="cline-any cline-no">&nbsp;</span>
136
148
  <span class="cline-any cline-no">&nbsp;</span>
137
149
  <span class="cline-any cline-no">&nbsp;</span>
138
150
  <span class="cline-any cline-neutral">&nbsp;</span>
139
151
  <span class="cline-any cline-no">&nbsp;</span>
152
+ <span class="cline-any cline-neutral">&nbsp;</span>
140
153
  <span class="cline-any cline-no">&nbsp;</span>
141
154
  <span class="cline-any cline-no">&nbsp;</span>
142
155
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -160,10 +173,12 @@
160
173
  &nbsp;
161
174
  function <span class="fstat-no" title="function not covered" >bindToSelect(</span>) {
162
175
  const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`[data-combobox-id="distance-selection"]`);</span>
176
+ &nbsp;
163
177
  <span class="cstat-no" title="statement not covered" > if (el) {</span>
164
178
  const selectInput = <span class="cstat-no" title="statement not covered" >el.querySelector('select');</span>
165
179
  const options = <span class="cstat-no" title="statement not covered" >Array.from(selectInput.querySelectorAll('option'));</span>
166
180
  const vueSelect = <span class="cstat-no" title="statement not covered" >el.querySelector(elementName);</span>
181
+ &nbsp;
167
182
  <span class="cstat-no" title="statement not covered" > vueSelect.options = options.slice(1).map(<span class="fstat-no" title="function not covered" >(o</span>pt) =&gt; (<span class="cstat-no" title="statement not covered" >{ value: opt.value, label: opt.textContent })</span>);</span>
168
183
  // not sure it's needed ?
169
184
  // vueSelect.addEventListener('select-option', (event) =&gt; {
@@ -177,16 +192,20 @@ function <span class="fstat-no" title="function not covered" >bindToSelect(</spa
177
192
  &nbsp;
178
193
  function <span class="fstat-no" title="function not covered" >bindToApi(</span>) {
179
194
  const el = <span class="cstat-no" title="statement not covered" >document.querySelector(`[data-combobox-id="keywords-lookup"]`);</span>
195
+ &nbsp;
180
196
  <span class="cstat-no" title="statement not covered" > if (el) {</span>
181
197
  const vueSelect = <span class="cstat-no" title="statement not covered" >el.querySelector(elementName);</span>
198
+ &nbsp;
182
199
  <span class="cstat-no" title="statement not covered" > vueSelect.filterOptions = false;</span>
183
200
  <span class="cstat-no" title="statement not covered" > vueSelect.addEventListener('search', <span class="fstat-no" title="function not covered" >(e</span>vent) =&gt; {</span>
184
201
  const [searchValue] = <span class="cstat-no" title="statement not covered" >event.detail;</span>
202
+ &nbsp;
185
203
  <span class="cstat-no" title="statement not covered" > if (searchValue) {</span>
186
204
  <span class="cstat-no" title="statement not covered" > fetch(`https://api.datamuse.com/sug?s=${searchValue}`)</span>
187
205
  .then(<span class="fstat-no" title="function not covered" >(r</span>es) =&gt; <span class="cstat-no" title="statement not covered" >res.json())</span>
188
206
  .then(<span class="fstat-no" title="function not covered" >(d</span>ata) =&gt; {
189
207
  const options = <span class="cstat-no" title="statement not covered" >data.map(<span class="fstat-no" title="function not covered" >({</span> word }) =&gt; (<span class="cstat-no" title="statement not covered" >{ value: word, label: word })</span>);</span>
208
+ &nbsp;
190
209
  <span class="cstat-no" title="statement not covered" > vueSelect.options = options;</span>
191
210
  <span class="cstat-no" title="statement not covered" > return options;</span>
192
211
  })
@@ -213,7 +232,7 @@ export default combobox;
213
232
  <div class='footer quiet pad2 space-top1 center small'>
214
233
  Code coverage generated by
215
234
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
216
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
235
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
217
236
  </div>
218
237
  </div>
219
238
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -124,7 +125,7 @@
124
125
  <div class='footer quiet pad2 space-top1 center small'>
125
126
  Code coverage generated by
126
127
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
127
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
128
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
128
129
  </div>
129
130
  </div>
130
131
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -76,19 +77,25 @@
76
77
  <a name='L18'></a><a href='#L18'>18</a>
77
78
  <a name='L19'></a><a href='#L19'>19</a>
78
79
  <a name='L20'></a><a href='#L20'>20</a>
79
- <a name='L21'></a><a href='#L21'>21</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
80
+ <a name='L21'></a><a href='#L21'>21</a>
81
+ <a name='L22'></a><a href='#L22'>22</a>
82
+ <a name='L23'></a><a href='#L23'>23</a>
83
+ <a name='L24'></a><a href='#L24'>24</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
80
84
  <span class="cline-any cline-neutral">&nbsp;</span>
81
85
  <span class="cline-any cline-no">&nbsp;</span>
82
86
  <span class="cline-any cline-neutral">&nbsp;</span>
83
87
  <span class="cline-any cline-no">&nbsp;</span>
88
+ <span class="cline-any cline-neutral">&nbsp;</span>
84
89
  <span class="cline-any cline-no">&nbsp;</span>
85
90
  <span class="cline-any cline-no">&nbsp;</span>
91
+ <span class="cline-any cline-neutral">&nbsp;</span>
86
92
  <span class="cline-any cline-no">&nbsp;</span>
87
93
  <span class="cline-any cline-no">&nbsp;</span>
88
94
  <span class="cline-any cline-no">&nbsp;</span>
89
95
  <span class="cline-any cline-no">&nbsp;</span>
90
96
  <span class="cline-any cline-no">&nbsp;</span>
91
97
  <span class="cline-any cline-no">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span>
92
99
  <span class="cline-any cline-no">&nbsp;</span>
93
100
  <span class="cline-any cline-neutral">&nbsp;</span>
94
101
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -101,14 +108,17 @@
101
108
  const notificationScript = <span class="cstat-no" title="statement not covered" >{</span>
102
109
  init: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
103
110
  const elements = <span class="cstat-no" title="statement not covered" >Array.from(document.querySelectorAll('.js-notification-example'));</span>
111
+ &nbsp;
104
112
  <span class="cstat-no" title="statement not covered" > elements.forEach(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
105
113
  const trigger = <span class="cstat-no" title="statement not covered" >element;</span>
114
+ &nbsp;
106
115
  <span class="cstat-no" title="statement not covered" > trigger.addEventListener('click', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
107
116
  <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
108
117
  <span class="cstat-no" title="statement not covered" > e.stopPropagation();</span>
109
118
  const triggerEl = <span class="cstat-no" title="statement not covered" >e.currentTarget;</span>
110
119
  const messageText = <span class="cstat-no" title="statement not covered" >triggerEl.innerText;</span>
111
120
  const { messageType } = <span class="cstat-no" title="statement not covered" >triggerEl.dataset;</span>
121
+ &nbsp;
112
122
  <span class="cstat-no" title="statement not covered" > notification.init(messageText, messageType);</span>
113
123
  });
114
124
  });
@@ -123,7 +133,7 @@ export default notificationScript;
123
133
  <div class='footer quiet pad2 space-top1 center small'>
124
134
  Code coverage generated by
125
135
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
126
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
136
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
127
137
  </div>
128
138
  </div>
129
139
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -80,17 +81,23 @@
80
81
  <a name='L22'></a><a href='#L22'>22</a>
81
82
  <a name='L23'></a><a href='#L23'>23</a>
82
83
  <a name='L24'></a><a href='#L24'>24</a>
83
- <a name='L25'></a><a href='#L25'>25</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
84
+ <a name='L25'></a><a href='#L25'>25</a>
85
+ <a name='L26'></a><a href='#L26'>26</a>
86
+ <a name='L27'></a><a href='#L27'>27</a>
87
+ <a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
84
88
  <span class="cline-any cline-neutral">&nbsp;</span>
85
89
  <span class="cline-any cline-no">&nbsp;</span>
86
90
  <span class="cline-any cline-neutral">&nbsp;</span>
87
91
  <span class="cline-any cline-no">&nbsp;</span>
92
+ <span class="cline-any cline-neutral">&nbsp;</span>
88
93
  <span class="cline-any cline-no">&nbsp;</span>
89
94
  <span class="cline-any cline-no">&nbsp;</span>
95
+ <span class="cline-any cline-neutral">&nbsp;</span>
90
96
  <span class="cline-any cline-no">&nbsp;</span>
91
97
  <span class="cline-any cline-no">&nbsp;</span>
92
98
  <span class="cline-any cline-no">&nbsp;</span>
93
99
  <span class="cline-any cline-no">&nbsp;</span>
100
+ <span class="cline-any cline-neutral">&nbsp;</span>
94
101
  <span class="cline-any cline-no">&nbsp;</span>
95
102
  <span class="cline-any cline-no">&nbsp;</span>
96
103
  <span class="cline-any cline-no">&nbsp;</span>
@@ -109,12 +116,15 @@
109
116
  const switchStateScript = <span class="cstat-no" title="statement not covered" >{</span>
110
117
  init: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
111
118
  const elements = <span class="cstat-no" title="statement not covered" >Array.from(document.querySelectorAll('.js-mds-switch-state'));</span>
119
+ &nbsp;
112
120
  <span class="cstat-no" title="statement not covered" > elements.forEach(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
113
121
  const trigger = <span class="cstat-no" title="statement not covered" >element;</span>
122
+ &nbsp;
114
123
  <span class="cstat-no" title="statement not covered" > trigger.addEventListener('click', <span class="fstat-no" title="function not covered" >(e</span>) =&gt; {</span>
115
124
  <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
116
125
  <span class="cstat-no" title="statement not covered" > e.stopPropagation();</span>
117
126
  const triggerEl = <span class="cstat-no" title="statement not covered" >e.currentTarget;</span>
127
+ &nbsp;
118
128
  <span class="cstat-no" title="statement not covered" > if (triggerEl.classList.contains('mds-switch-state--default')) {</span>
119
129
  <span class="cstat-no" title="statement not covered" > switchState.switchToinverse(triggerEl);</span>
120
130
  } else <span class="cstat-no" title="statement not covered" >if (triggerEl.classList.contains('mds-switch-state--inverse')) {</span>
@@ -135,7 +145,7 @@ export default switchStateScript;
135
145
  <div class='footer quiet pad2 space-top1 center small'>
136
146
  Code coverage generated by
137
147
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
138
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
148
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
139
149
  </div>
140
150
  </div>
141
151
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../prettify.css" />
9
9
  <link rel="stylesheet" href="../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../sort-arrow-sprite.png);
@@ -90,7 +91,7 @@ import comboboxScript from './fractal-scripts/combobox';
90
91
  <div class='footer quiet pad2 space-top1 center small'>
91
92
  Code coverage generated by
92
93
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
93
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
94
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
94
95
  </div>
95
96
  </div>
96
97
  <script src="../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../prettify.css" />
9
9
  <link rel="stylesheet" href="../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../sort-arrow-sprite.png);
@@ -78,7 +79,7 @@ import './polyfills/arrayPrototypeFind';
78
79
  <div class='footer quiet pad2 space-top1 center small'>
79
80
  Code coverage generated by
80
81
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
81
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
82
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
82
83
  </div>
83
84
  </div>
84
85
  <script src="../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../prettify.css" />
9
9
  <link rel="stylesheet" href="../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../sort-arrow-sprite.png);
@@ -105,7 +106,7 @@ import MdsCombobox from '../components/inputs/combobox/combobox';
105
106
  <div class='footer quiet pad2 space-top1 center small'>
106
107
  Code coverage generated by
107
108
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
108
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
109
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
109
110
  </div>
110
111
  </div>
111
112
  <script src="../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../prettify.css" />
9
9
  <link rel="stylesheet" href="../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../sort-arrow-sprite.png);
@@ -154,7 +155,7 @@
154
155
  <div class='footer quiet pad2 space-top1 center small'>
155
156
  Code coverage generated by
156
157
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
157
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
158
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
158
159
  </div>
159
160
  </div>
160
161
  <script src="../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../prettify.css" />
9
9
  <link rel="stylesheet" href="../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../sort-arrow-sprite.png);
@@ -144,7 +145,7 @@ import button from '../components/button/button';
144
145
  <div class='footer quiet pad2 space-top1 center small'>
145
146
  Code coverage generated by
146
147
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
147
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
148
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
148
149
  </div>
149
150
  </div>
150
151
  <script src="../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -102,7 +103,11 @@
102
103
  <a name='L44'></a><a href='#L44'>44</a>
103
104
  <a name='L45'></a><a href='#L45'>45</a>
104
105
  <a name='L46'></a><a href='#L46'>46</a>
105
- <a name='L47'></a><a href='#L47'>47</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
106
+ <a name='L47'></a><a href='#L47'>47</a>
107
+ <a name='L48'></a><a href='#L48'>48</a>
108
+ <a name='L49'></a><a href='#L49'>49</a>
109
+ <a name='L50'></a><a href='#L50'>50</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
110
+ <span class="cline-any cline-neutral">&nbsp;</span>
106
111
  <span class="cline-any cline-no">&nbsp;</span>
107
112
  <span class="cline-any cline-no">&nbsp;</span>
108
113
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -134,10 +139,12 @@
134
139
  <span class="cline-any cline-neutral">&nbsp;</span>
135
140
  <span class="cline-any cline-neutral">&nbsp;</span>
136
141
  <span class="cline-any cline-no">&nbsp;</span>
142
+ <span class="cline-any cline-neutral">&nbsp;</span>
137
143
  <span class="cline-any cline-no">&nbsp;</span>
138
144
  <span class="cline-any cline-no">&nbsp;</span>
139
145
  <span class="cline-any cline-neutral">&nbsp;</span>
140
146
  <span class="cline-any cline-neutral">&nbsp;</span>
147
+ <span class="cline-any cline-neutral">&nbsp;</span>
141
148
  <span class="cline-any cline-no">&nbsp;</span>
142
149
  <span class="cline-any cline-neutral">&nbsp;</span>
143
150
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -148,19 +155,20 @@
148
155
  <span class="cline-any cline-neutral">&nbsp;</span>
149
156
  <span class="cline-any cline-neutral">&nbsp;</span>
150
157
  <span class="cline-any cline-neutral">&nbsp;</span>
151
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// https://tc39.github.io/ecma262/#sec-array.prototype.find
158
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/* eslint-disable no-extend-native ,prefer-rest-params, no-bitwise */
159
+ // https://tc39.github.io/ecma262/#sec-array.prototype.find
152
160
  <span class="cstat-no" title="statement not covered" >if (!Array.prototype.find) {</span>
153
161
  <span class="cstat-no" title="statement not covered" > Object.defineProperty(Array.prototype, 'find', {</span>
154
- value: <span class="fstat-no" title="function not covered" >fu</span>nction(predicate) {
162
+ <span class="fstat-no" title="function not covered" > va</span>lue(predicate) {
155
163
  // 1. Let O be ? ToObject(this value).
156
164
  <span class="cstat-no" title="statement not covered" > if (this == null) {</span>
157
165
  <span class="cstat-no" title="statement not covered" > throw TypeError('"this" is null or not defined');</span>
158
166
  }
159
167
  &nbsp;
160
- var o = <span class="cstat-no" title="statement not covered" >Object(this);</span>
168
+ const o = <span class="cstat-no" title="statement not covered" >Object(this);</span>
161
169
  &nbsp;
162
170
  // 2. Let len be ? ToLength(? Get(O, "length")).
163
- var len = <span class="cstat-no" title="statement not covered" >o.length &gt;&gt;&gt; 0;</span>
171
+ const len = <span class="cstat-no" title="statement not covered" >o.length &gt;&gt;&gt; 0;</span>
164
172
  &nbsp;
165
173
  // 3. If IsCallable(predicate) is false, throw a TypeError exception.
166
174
  <span class="cstat-no" title="statement not covered" > if (typeof predicate !== 'function') {</span>
@@ -168,10 +176,10 @@
168
176
  }
169
177
  &nbsp;
170
178
  // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
171
- var thisArg = <span class="cstat-no" title="statement not covered" >arguments[1];</span>
179
+ const thisArg = <span class="cstat-no" title="statement not covered" >arguments[1];</span>
172
180
  &nbsp;
173
181
  // 5. Let k be 0.
174
- var k = <span class="cstat-no" title="statement not covered" >0;</span>
182
+ let k = <span class="cstat-no" title="statement not covered" >0;</span>
175
183
  &nbsp;
176
184
  // 6. Repeat, while k &lt; len
177
185
  <span class="cstat-no" title="statement not covered" > while (k &lt; len) {</span>
@@ -179,10 +187,12 @@
179
187
  // b. Let kValue be ? Get(O, Pk).
180
188
  // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
181
189
  // d. If testResult is true, return kValue.
182
- var kValue = <span class="cstat-no" title="statement not covered" >o[k];</span>
190
+ const kValue = <span class="cstat-no" title="statement not covered" >o[k];</span>
191
+ &nbsp;
183
192
  <span class="cstat-no" title="statement not covered" > if (predicate.call(thisArg, kValue, k, o)) {</span>
184
193
  <span class="cstat-no" title="statement not covered" > return kValue;</span>
185
194
  }
195
+ &nbsp;
186
196
  // e. Increase k by 1.
187
197
  <span class="cstat-no" title="statement not covered" > k++;</span>
188
198
  }
@@ -201,7 +211,7 @@
201
211
  <div class='footer quiet pad2 space-top1 center small'>
202
212
  Code coverage generated by
203
213
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
204
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
214
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
205
215
  </div>
206
216
  </div>
207
217
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -72,7 +73,8 @@
72
73
  <a name='L14'></a><a href='#L14'>14</a>
73
74
  <a name='L15'></a><a href='#L15'>15</a>
74
75
  <a name='L16'></a><a href='#L16'>16</a>
75
- <a name='L17'></a><a href='#L17'>17</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
76
+ <a name='L17'></a><a href='#L17'>17</a>
77
+ <a name='L18'></a><a href='#L18'>18</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
76
78
  <span class="cline-any cline-no">&nbsp;</span>
77
79
  <span class="cline-any cline-neutral">&nbsp;</span>
78
80
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -85,6 +87,7 @@
85
87
  <span class="cline-any cline-no">&nbsp;</span>
86
88
  <span class="cline-any cline-no">&nbsp;</span>
87
89
  <span class="cline-any cline-neutral">&nbsp;</span>
90
+ <span class="cline-any cline-neutral">&nbsp;</span>
88
91
  <span class="cline-any cline-no">&nbsp;</span>
89
92
  <span class="cline-any cline-neutral">&nbsp;</span>
90
93
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -94,13 +97,14 @@
94
97
  &nbsp;
95
98
  <span class="cstat-no" title="statement not covered" >if (!Element.prototype.closest) {</span>
96
99
  // eslint-disable-next-line func-names
97
- <span class="cstat-no" title="statement not covered" > Element.prototype.closest = <span class="fstat-no" title="function not covered" >fu</span>nction(s) {</span>
100
+ <span class="cstat-no" title="statement not covered" > Element.prototype.closest = <span class="fstat-no" title="function not covered" >fu</span>nction (s) {</span>
98
101
  let el = <span class="cstat-no" title="statement not covered" >this;</span>
99
102
  &nbsp;
100
103
  <span class="cstat-no" title="statement not covered" > do {</span>
101
104
  <span class="cstat-no" title="statement not covered" > if (el.matches(s)) <span class="cstat-no" title="statement not covered" >return el;</span></span>
102
105
  <span class="cstat-no" title="statement not covered" > el = el.parentElement || el.parentNode;</span>
103
106
  } while (el !== null &amp;&amp; el.nodeType === 1);
107
+ &nbsp;
104
108
  <span class="cstat-no" title="statement not covered" > return null;</span>
105
109
  };
106
110
  }
@@ -111,7 +115,7 @@
111
115
  <div class='footer quiet pad2 space-top1 center small'>
112
116
  Code coverage generated by
113
117
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
114
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
118
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
115
119
  </div>
116
120
  </div>
117
121
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -139,7 +140,7 @@
139
140
  <div class='footer quiet pad2 space-top1 center small'>
140
141
  Code coverage generated by
141
142
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
142
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
143
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
143
144
  </div>
144
145
  </div>
145
146
  <script src="../../prettify.js"></script>
@@ -7,7 +7,8 @@
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../../prettify.css" />
9
9
  <link rel="stylesheet" href="../../base.css" />
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
11
12
  <style type='text/css'>
12
13
  .coverage-summary .sorter {
13
14
  background-image: url(../../sort-arrow-sprite.png);
@@ -86,7 +87,10 @@
86
87
  <a name='L28'></a><a href='#L28'>28</a>
87
88
  <a name='L29'></a><a href='#L29'>29</a>
88
89
  <a name='L30'></a><a href='#L30'>30</a>
89
- <a name='L31'></a><a href='#L31'>31</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
90
+ <a name='L31'></a><a href='#L31'>31</a>
91
+ <a name='L32'></a><a href='#L32'>32</a>
92
+ <a name='L33'></a><a href='#L33'>33</a>
93
+ <a name='L34'></a><a href='#L34'>34</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
90
94
  <span class="cline-any cline-neutral">&nbsp;</span>
91
95
  <span class="cline-any cline-no">&nbsp;</span>
92
96
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -99,9 +103,11 @@
99
103
  <span class="cline-any cline-no">&nbsp;</span>
100
104
  <span class="cline-any cline-neutral">&nbsp;</span>
101
105
  <span class="cline-any cline-no">&nbsp;</span>
106
+ <span class="cline-any cline-neutral">&nbsp;</span>
102
107
  <span class="cline-any cline-no">&nbsp;</span>
103
108
  <span class="cline-any cline-neutral">&nbsp;</span>
104
109
  <span class="cline-any cline-no">&nbsp;</span>
110
+ <span class="cline-any cline-neutral">&nbsp;</span>
105
111
  <span class="cline-any cline-no">&nbsp;</span>
106
112
  <span class="cline-any cline-neutral">&nbsp;</span>
107
113
  <span class="cline-any cline-no">&nbsp;</span>
@@ -110,6 +116,7 @@
110
116
  <span class="cline-any cline-neutral">&nbsp;</span>
111
117
  <span class="cline-any cline-neutral">&nbsp;</span>
112
118
  <span class="cline-any cline-neutral">&nbsp;</span>
119
+ <span class="cline-any cline-neutral">&nbsp;</span>
113
120
  <span class="cline-any cline-no">&nbsp;</span>
114
121
  <span class="cline-any cline-neutral">&nbsp;</span>
115
122
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -119,20 +126,22 @@
119
126
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" >if (typeof Object.assign !== 'function') {</span>
120
127
  // Must be writable: true, enumerable: false, configurable: true
121
128
  <span class="cstat-no" title="statement not covered" > Object.defineProperty(Object, 'assign', {</span>
122
- value: function <span class="fstat-no" title="function not covered" >assign(</span>target, varArgs) {
129
+ value: function <span class="fstat-no" title="function not covered" >assign(</span>target /* , varArgs */) {
123
130
  // .length of function is 2
124
- 'use strict';
131
+ &nbsp;
125
132
  <span class="cstat-no" title="statement not covered" > if (target === null || target === undefined) {</span>
126
133
  <span class="cstat-no" title="statement not covered" > throw new TypeError('Cannot convert undefined or null to object');</span>
127
134
  }
128
135
  &nbsp;
129
- var to = <span class="cstat-no" title="statement not covered" >Object(target);</span>
136
+ const to = <span class="cstat-no" title="statement not covered" >Object(target);</span>
130
137
  &nbsp;
131
- <span class="cstat-no" title="statement not covered" > for (var index = <span class="cstat-no" title="statement not covered" >1;</span> index &lt; arguments.length; index++) {</span>
132
- var nextSource = <span class="cstat-no" title="statement not covered" >arguments[index];</span>
138
+ <span class="cstat-no" title="statement not covered" > for (let index = <span class="cstat-no" title="statement not covered" >1;</span> index &lt; arguments.length; index++) {</span>
139
+ // eslint-disable-next-line prefer-rest-params
140
+ const nextSource = <span class="cstat-no" title="statement not covered" >arguments[index];</span>
133
141
  &nbsp;
134
142
  <span class="cstat-no" title="statement not covered" > if (nextSource !== null &amp;&amp; nextSource !== undefined) {</span>
135
- <span class="cstat-no" title="statement not covered" > for (var nextKey in nextSource) {</span>
143
+ // eslint-disable-next-line no-restricted-syntax
144
+ <span class="cstat-no" title="statement not covered" > for (const nextKey in nextSource) {</span>
136
145
  // Avoid bugs when hasOwnProperty is shadowed
137
146
  <span class="cstat-no" title="statement not covered" > if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {</span>
138
147
  <span class="cstat-no" title="statement not covered" > to[nextKey] = nextSource[nextKey];</span>
@@ -140,6 +149,7 @@
140
149
  }
141
150
  }
142
151
  }
152
+ &nbsp;
143
153
  <span class="cstat-no" title="statement not covered" > return to;</span>
144
154
  },
145
155
  writable: true,
@@ -153,7 +163,7 @@
153
163
  <div class='footer quiet pad2 space-top1 center small'>
154
164
  Code coverage generated by
155
165
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
156
- at Wed Jul 07 2021 12:25:30 GMT+0100 (British Summer Time)
166
+ at Thu Jul 08 2021 15:47:09 GMT+0100 (British Summer Time)
157
167
  </div>
158
168
  </div>
159
169
  <script src="../../prettify.js"></script>