@decidables/decidables-elements 0.0.2 → 0.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 (31) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +186 -4
  3. package/package.json +9 -3
  4. package/gulpfile.js +0 -25
  5. package/test/button.test.js +0 -29
  6. package/test/converter-array.test.js +0 -14
  7. package/test/converter-set.test.js +0 -15
  8. package/test/coverage/lcov-report/base.css +0 -224
  9. package/test/coverage/lcov-report/block-navigation.js +0 -87
  10. package/test/coverage/lcov-report/button.js.html +0 -364
  11. package/test/coverage/lcov-report/converter-array.js.html +0 -130
  12. package/test/coverage/lcov-report/converter-set.js.html +0 -130
  13. package/test/coverage/lcov-report/decidables-element.js.html +0 -877
  14. package/test/coverage/lcov-report/favicon.png +0 -0
  15. package/test/coverage/lcov-report/index.html +0 -236
  16. package/test/coverage/lcov-report/prettify.css +0 -1
  17. package/test/coverage/lcov-report/prettify.js +0 -2
  18. package/test/coverage/lcov-report/slider.js.html +0 -1084
  19. package/test/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  20. package/test/coverage/lcov-report/sorter.js +0 -196
  21. package/test/coverage/lcov-report/spinner.js.html +0 -532
  22. package/test/coverage/lcov-report/switch.js.html +0 -622
  23. package/test/coverage/lcov-report/toggle-option.js.html +0 -574
  24. package/test/coverage/lcov-report/toggle.js.html +0 -259
  25. package/test/coverage/lcov.info +0 -1480
  26. package/test/decidables-element.test.js +0 -10
  27. package/test/slider.test.js +0 -64
  28. package/test/spinner.test.js +0 -55
  29. package/test/switch.test.js +0 -71
  30. package/test/toggle-option.test.js +0 -62
  31. package/test/toggle.test.js +0 -98
package/test/coverage/lcov-report/decidables-element.js.html DELETED
@@ -1,877 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for decidables-element.js</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="prettify.css" />
9
- <link rel="stylesheet" href="base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="index.html">All files</a> decidables-element.js</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">73.86% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>195/264</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">76.92% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>10/13</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">77.77% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>7/9</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">73.86% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>195/264</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line medium'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a>
211
- <a name='L146'></a><a href='#L146'>146</a>
212
- <a name='L147'></a><a href='#L147'>147</a>
213
- <a name='L148'></a><a href='#L148'>148</a>
214
- <a name='L149'></a><a href='#L149'>149</a>
215
- <a name='L150'></a><a href='#L150'>150</a>
216
- <a name='L151'></a><a href='#L151'>151</a>
217
- <a name='L152'></a><a href='#L152'>152</a>
218
- <a name='L153'></a><a href='#L153'>153</a>
219
- <a name='L154'></a><a href='#L154'>154</a>
220
- <a name='L155'></a><a href='#L155'>155</a>
221
- <a name='L156'></a><a href='#L156'>156</a>
222
- <a name='L157'></a><a href='#L157'>157</a>
223
- <a name='L158'></a><a href='#L158'>158</a>
224
- <a name='L159'></a><a href='#L159'>159</a>
225
- <a name='L160'></a><a href='#L160'>160</a>
226
- <a name='L161'></a><a href='#L161'>161</a>
227
- <a name='L162'></a><a href='#L162'>162</a>
228
- <a name='L163'></a><a href='#L163'>163</a>
229
- <a name='L164'></a><a href='#L164'>164</a>
230
- <a name='L165'></a><a href='#L165'>165</a>
231
- <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a>
233
- <a name='L168'></a><a href='#L168'>168</a>
234
- <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a>
236
- <a name='L171'></a><a href='#L171'>171</a>
237
- <a name='L172'></a><a href='#L172'>172</a>
238
- <a name='L173'></a><a href='#L173'>173</a>
239
- <a name='L174'></a><a href='#L174'>174</a>
240
- <a name='L175'></a><a href='#L175'>175</a>
241
- <a name='L176'></a><a href='#L176'>176</a>
242
- <a name='L177'></a><a href='#L177'>177</a>
243
- <a name='L178'></a><a href='#L178'>178</a>
244
- <a name='L179'></a><a href='#L179'>179</a>
245
- <a name='L180'></a><a href='#L180'>180</a>
246
- <a name='L181'></a><a href='#L181'>181</a>
247
- <a name='L182'></a><a href='#L182'>182</a>
248
- <a name='L183'></a><a href='#L183'>183</a>
249
- <a name='L184'></a><a href='#L184'>184</a>
250
- <a name='L185'></a><a href='#L185'>185</a>
251
- <a name='L186'></a><a href='#L186'>186</a>
252
- <a name='L187'></a><a href='#L187'>187</a>
253
- <a name='L188'></a><a href='#L188'>188</a>
254
- <a name='L189'></a><a href='#L189'>189</a>
255
- <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a>
257
- <a name='L192'></a><a href='#L192'>192</a>
258
- <a name='L193'></a><a href='#L193'>193</a>
259
- <a name='L194'></a><a href='#L194'>194</a>
260
- <a name='L195'></a><a href='#L195'>195</a>
261
- <a name='L196'></a><a href='#L196'>196</a>
262
- <a name='L197'></a><a href='#L197'>197</a>
263
- <a name='L198'></a><a href='#L198'>198</a>
264
- <a name='L199'></a><a href='#L199'>199</a>
265
- <a name='L200'></a><a href='#L200'>200</a>
266
- <a name='L201'></a><a href='#L201'>201</a>
267
- <a name='L202'></a><a href='#L202'>202</a>
268
- <a name='L203'></a><a href='#L203'>203</a>
269
- <a name='L204'></a><a href='#L204'>204</a>
270
- <a name='L205'></a><a href='#L205'>205</a>
271
- <a name='L206'></a><a href='#L206'>206</a>
272
- <a name='L207'></a><a href='#L207'>207</a>
273
- <a name='L208'></a><a href='#L208'>208</a>
274
- <a name='L209'></a><a href='#L209'>209</a>
275
- <a name='L210'></a><a href='#L210'>210</a>
276
- <a name='L211'></a><a href='#L211'>211</a>
277
- <a name='L212'></a><a href='#L212'>212</a>
278
- <a name='L213'></a><a href='#L213'>213</a>
279
- <a name='L214'></a><a href='#L214'>214</a>
280
- <a name='L215'></a><a href='#L215'>215</a>
281
- <a name='L216'></a><a href='#L216'>216</a>
282
- <a name='L217'></a><a href='#L217'>217</a>
283
- <a name='L218'></a><a href='#L218'>218</a>
284
- <a name='L219'></a><a href='#L219'>219</a>
285
- <a name='L220'></a><a href='#L220'>220</a>
286
- <a name='L221'></a><a href='#L221'>221</a>
287
- <a name='L222'></a><a href='#L222'>222</a>
288
- <a name='L223'></a><a href='#L223'>223</a>
289
- <a name='L224'></a><a href='#L224'>224</a>
290
- <a name='L225'></a><a href='#L225'>225</a>
291
- <a name='L226'></a><a href='#L226'>226</a>
292
- <a name='L227'></a><a href='#L227'>227</a>
293
- <a name='L228'></a><a href='#L228'>228</a>
294
- <a name='L229'></a><a href='#L229'>229</a>
295
- <a name='L230'></a><a href='#L230'>230</a>
296
- <a name='L231'></a><a href='#L231'>231</a>
297
- <a name='L232'></a><a href='#L232'>232</a>
298
- <a name='L233'></a><a href='#L233'>233</a>
299
- <a name='L234'></a><a href='#L234'>234</a>
300
- <a name='L235'></a><a href='#L235'>235</a>
301
- <a name='L236'></a><a href='#L236'>236</a>
302
- <a name='L237'></a><a href='#L237'>237</a>
303
- <a name='L238'></a><a href='#L238'>238</a>
304
- <a name='L239'></a><a href='#L239'>239</a>
305
- <a name='L240'></a><a href='#L240'>240</a>
306
- <a name='L241'></a><a href='#L241'>241</a>
307
- <a name='L242'></a><a href='#L242'>242</a>
308
- <a name='L243'></a><a href='#L243'>243</a>
309
- <a name='L244'></a><a href='#L244'>244</a>
310
- <a name='L245'></a><a href='#L245'>245</a>
311
- <a name='L246'></a><a href='#L246'>246</a>
312
- <a name='L247'></a><a href='#L247'>247</a>
313
- <a name='L248'></a><a href='#L248'>248</a>
314
- <a name='L249'></a><a href='#L249'>249</a>
315
- <a name='L250'></a><a href='#L250'>250</a>
316
- <a name='L251'></a><a href='#L251'>251</a>
317
- <a name='L252'></a><a href='#L252'>252</a>
318
- <a name='L253'></a><a href='#L253'>253</a>
319
- <a name='L254'></a><a href='#L254'>254</a>
320
- <a name='L255'></a><a href='#L255'>255</a>
321
- <a name='L256'></a><a href='#L256'>256</a>
322
- <a name='L257'></a><a href='#L257'>257</a>
323
- <a name='L258'></a><a href='#L258'>258</a>
324
- <a name='L259'></a><a href='#L259'>259</a>
325
- <a name='L260'></a><a href='#L260'>260</a>
326
- <a name='L261'></a><a href='#L261'>261</a>
327
- <a name='L262'></a><a href='#L262'>262</a>
328
- <a name='L263'></a><a href='#L263'>263</a>
329
- <a name='L264'></a><a href='#L264'>264</a>
330
- <a name='L265'></a><a href='#L265'>265</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">7x</span>
331
- <span class="cline-any cline-yes">7x</span>
332
- <span class="cline-any cline-yes">7x</span>
333
- <span class="cline-any cline-yes">7x</span>
334
- <span class="cline-any cline-yes">7x</span>
335
- <span class="cline-any cline-yes">7x</span>
336
- <span class="cline-any cline-yes">7x</span>
337
- <span class="cline-any cline-yes">7x</span>
338
- <span class="cline-any cline-yes">7x</span>
339
- <span class="cline-any cline-yes">7x</span>
340
- <span class="cline-any cline-yes">7x</span>
341
- <span class="cline-any cline-yes">7x</span>
342
- <span class="cline-any cline-yes">7x</span>
343
- <span class="cline-any cline-yes">7x</span>
344
- <span class="cline-any cline-yes">7x</span>
345
- <span class="cline-any cline-yes">7x</span>
346
- <span class="cline-any cline-yes">7x</span>
347
- <span class="cline-any cline-yes">7x</span>
348
- <span class="cline-any cline-yes">7x</span>
349
- <span class="cline-any cline-yes">7x</span>
350
- <span class="cline-any cline-yes">7x</span>
351
- <span class="cline-any cline-yes">7x</span>
352
- <span class="cline-any cline-yes">7x</span>
353
- <span class="cline-any cline-yes">7x</span>
354
- <span class="cline-any cline-yes">7x</span>
355
- <span class="cline-any cline-yes">6x</span>
356
- <span class="cline-any cline-yes">6x</span>
357
- <span class="cline-any cline-yes">6x</span>
358
- <span class="cline-any cline-yes">7x</span>
359
- <span class="cline-any cline-yes">7x</span>
360
- <span class="cline-any cline-no">&nbsp;</span>
361
- <span class="cline-any cline-no">&nbsp;</span>
362
- <span class="cline-any cline-no">&nbsp;</span>
363
- <span class="cline-any cline-no">&nbsp;</span>
364
- <span class="cline-any cline-no">&nbsp;</span>
365
- <span class="cline-any cline-no">&nbsp;</span>
366
- <span class="cline-any cline-yes">7x</span>
367
- <span class="cline-any cline-yes">7x</span>
368
- <span class="cline-any cline-yes">6x</span>
369
- <span class="cline-any cline-yes">6x</span>
370
- <span class="cline-any cline-yes">6x</span>
371
- <span class="cline-any cline-yes">6x</span>
372
- <span class="cline-any cline-yes">6x</span>
373
- <span class="cline-any cline-yes">6x</span>
374
- <span class="cline-any cline-no">&nbsp;</span>
375
- <span class="cline-any cline-no">&nbsp;</span>
376
- <span class="cline-any cline-no">&nbsp;</span>
377
- <span class="cline-any cline-no">&nbsp;</span>
378
- <span class="cline-any cline-yes">6x</span>
379
- <span class="cline-any cline-yes">6x</span>
380
- <span class="cline-any cline-no">&nbsp;</span>
381
- <span class="cline-any cline-no">&nbsp;</span>
382
- <span class="cline-any cline-no">&nbsp;</span>
383
- <span class="cline-any cline-no">&nbsp;</span>
384
- <span class="cline-any cline-yes">6x</span>
385
- <span class="cline-any cline-yes">6x</span>
386
- <span class="cline-any cline-yes">7x</span>
387
- <span class="cline-any cline-yes">7x</span>
388
- <span class="cline-any cline-yes">6x</span>
389
- <span class="cline-any cline-yes">6x</span>
390
- <span class="cline-any cline-yes">6x</span>
391
- <span class="cline-any cline-yes">6x</span>
392
- <span class="cline-any cline-yes">6x</span>
393
- <span class="cline-any cline-yes">6x</span>
394
- <span class="cline-any cline-yes">6x</span>
395
- <span class="cline-any cline-yes">6x</span>
396
- <span class="cline-any cline-yes">6x</span>
397
- <span class="cline-any cline-yes">6x</span>
398
- <span class="cline-any cline-yes">6x</span>
399
- <span class="cline-any cline-yes">6x</span>
400
- <span class="cline-any cline-yes">6x</span>
401
- <span class="cline-any cline-yes">7x</span>
402
- <span class="cline-any cline-yes">7x</span>
403
- <span class="cline-any cline-yes">6x</span>
404
- <span class="cline-any cline-yes">6x</span>
405
- <span class="cline-any cline-yes">6x</span>
406
- <span class="cline-any cline-yes">6x</span>
407
- <span class="cline-any cline-yes">6x</span>
408
- <span class="cline-any cline-yes">6x</span>
409
- <span class="cline-any cline-yes">6x</span>
410
- <span class="cline-any cline-yes">6x</span>
411
- <span class="cline-any cline-yes">6x</span>
412
- <span class="cline-any cline-yes">6x</span>
413
- <span class="cline-any cline-yes">6x</span>
414
- <span class="cline-any cline-yes">6x</span>
415
- <span class="cline-any cline-yes">6x</span>
416
- <span class="cline-any cline-yes">6x</span>
417
- <span class="cline-any cline-yes">6x</span>
418
- <span class="cline-any cline-yes">6x</span>
419
- <span class="cline-any cline-yes">6x</span>
420
- <span class="cline-any cline-yes">6x</span>
421
- <span class="cline-any cline-yes">6x</span>
422
- <span class="cline-any cline-yes">6x</span>
423
- <span class="cline-any cline-yes">6x</span>
424
- <span class="cline-any cline-yes">6x</span>
425
- <span class="cline-any cline-yes">6x</span>
426
- <span class="cline-any cline-yes">6x</span>
427
- <span class="cline-any cline-yes">6x</span>
428
- <span class="cline-any cline-yes">6x</span>
429
- <span class="cline-any cline-yes">6x</span>
430
- <span class="cline-any cline-yes">6x</span>
431
- <span class="cline-any cline-yes">6x</span>
432
- <span class="cline-any cline-yes">6x</span>
433
- <span class="cline-any cline-yes">6x</span>
434
- <span class="cline-any cline-yes">6x</span>
435
- <span class="cline-any cline-yes">6x</span>
436
- <span class="cline-any cline-yes">6x</span>
437
- <span class="cline-any cline-yes">6x</span>
438
- <span class="cline-any cline-yes">6x</span>
439
- <span class="cline-any cline-yes">6x</span>
440
- <span class="cline-any cline-yes">6x</span>
441
- <span class="cline-any cline-yes">6x</span>
442
- <span class="cline-any cline-yes">7x</span>
443
- <span class="cline-any cline-yes">7x</span>
444
- <span class="cline-any cline-yes">6x</span>
445
- <span class="cline-any cline-yes">6x</span>
446
- <span class="cline-any cline-yes">6x</span>
447
- <span class="cline-any cline-yes">6x</span>
448
- <span class="cline-any cline-yes">6x</span>
449
- <span class="cline-any cline-yes">6x</span>
450
- <span class="cline-any cline-yes">6x</span>
451
- <span class="cline-any cline-yes">6x</span>
452
- <span class="cline-any cline-yes">6x</span>
453
- <span class="cline-any cline-yes">6x</span>
454
- <span class="cline-any cline-yes">6x</span>
455
- <span class="cline-any cline-yes">6x</span>
456
- <span class="cline-any cline-yes">6x</span>
457
- <span class="cline-any cline-yes">6x</span>
458
- <span class="cline-any cline-yes">6x</span>
459
- <span class="cline-any cline-yes">6x</span>
460
- <span class="cline-any cline-yes">6x</span>
461
- <span class="cline-any cline-yes">6x</span>
462
- <span class="cline-any cline-yes">6x</span>
463
- <span class="cline-any cline-yes">6x</span>
464
- <span class="cline-any cline-yes">6x</span>
465
- <span class="cline-any cline-yes">6x</span>
466
- <span class="cline-any cline-yes">6x</span>
467
- <span class="cline-any cline-yes">6x</span>
468
- <span class="cline-any cline-yes">6x</span>
469
- <span class="cline-any cline-yes">6x</span>
470
- <span class="cline-any cline-yes">6x</span>
471
- <span class="cline-any cline-yes">6x</span>
472
- <span class="cline-any cline-yes">6x</span>
473
- <span class="cline-any cline-yes">6x</span>
474
- <span class="cline-any cline-yes">7x</span>
475
- <span class="cline-any cline-yes">7x</span>
476
- <span class="cline-any cline-no">&nbsp;</span>
477
- <span class="cline-any cline-no">&nbsp;</span>
478
- <span class="cline-any cline-no">&nbsp;</span>
479
- <span class="cline-any cline-no">&nbsp;</span>
480
- <span class="cline-any cline-no">&nbsp;</span>
481
- <span class="cline-any cline-no">&nbsp;</span>
482
- <span class="cline-any cline-no">&nbsp;</span>
483
- <span class="cline-any cline-no">&nbsp;</span>
484
- <span class="cline-any cline-no">&nbsp;</span>
485
- <span class="cline-any cline-no">&nbsp;</span>
486
- <span class="cline-any cline-no">&nbsp;</span>
487
- <span class="cline-any cline-no">&nbsp;</span>
488
- <span class="cline-any cline-no">&nbsp;</span>
489
- <span class="cline-any cline-no">&nbsp;</span>
490
- <span class="cline-any cline-no">&nbsp;</span>
491
- <span class="cline-any cline-no">&nbsp;</span>
492
- <span class="cline-any cline-no">&nbsp;</span>
493
- <span class="cline-any cline-no">&nbsp;</span>
494
- <span class="cline-any cline-no">&nbsp;</span>
495
- <span class="cline-any cline-no">&nbsp;</span>
496
- <span class="cline-any cline-no">&nbsp;</span>
497
- <span class="cline-any cline-no">&nbsp;</span>
498
- <span class="cline-any cline-no">&nbsp;</span>
499
- <span class="cline-any cline-no">&nbsp;</span>
500
- <span class="cline-any cline-no">&nbsp;</span>
501
- <span class="cline-any cline-no">&nbsp;</span>
502
- <span class="cline-any cline-no">&nbsp;</span>
503
- <span class="cline-any cline-no">&nbsp;</span>
504
- <span class="cline-any cline-no">&nbsp;</span>
505
- <span class="cline-any cline-no">&nbsp;</span>
506
- <span class="cline-any cline-no">&nbsp;</span>
507
- <span class="cline-any cline-no">&nbsp;</span>
508
- <span class="cline-any cline-no">&nbsp;</span>
509
- <span class="cline-any cline-no">&nbsp;</span>
510
- <span class="cline-any cline-no">&nbsp;</span>
511
- <span class="cline-any cline-no">&nbsp;</span>
512
- <span class="cline-any cline-no">&nbsp;</span>
513
- <span class="cline-any cline-no">&nbsp;</span>
514
- <span class="cline-any cline-no">&nbsp;</span>
515
- <span class="cline-any cline-no">&nbsp;</span>
516
- <span class="cline-any cline-no">&nbsp;</span>
517
- <span class="cline-any cline-no">&nbsp;</span>
518
- <span class="cline-any cline-no">&nbsp;</span>
519
- <span class="cline-any cline-no">&nbsp;</span>
520
- <span class="cline-any cline-no">&nbsp;</span>
521
- <span class="cline-any cline-no">&nbsp;</span>
522
- <span class="cline-any cline-no">&nbsp;</span>
523
- <span class="cline-any cline-no">&nbsp;</span>
524
- <span class="cline-any cline-no">&nbsp;</span>
525
- <span class="cline-any cline-no">&nbsp;</span>
526
- <span class="cline-any cline-no">&nbsp;</span>
527
- <span class="cline-any cline-no">&nbsp;</span>
528
- <span class="cline-any cline-no">&nbsp;</span>
529
- <span class="cline-any cline-no">&nbsp;</span>
530
- <span class="cline-any cline-no">&nbsp;</span>
531
- <span class="cline-any cline-yes">7x</span>
532
- <span class="cline-any cline-yes">7x</span>
533
- <span class="cline-any cline-yes">6x</span>
534
- <span class="cline-any cline-yes">6x</span>
535
- <span class="cline-any cline-yes">6x</span>
536
- <span class="cline-any cline-yes">6x</span>
537
- <span class="cline-any cline-yes">6x</span>
538
- <span class="cline-any cline-yes">6x</span>
539
- <span class="cline-any cline-yes">6x</span>
540
- <span class="cline-any cline-yes">6x</span>
541
- <span class="cline-any cline-yes">6x</span>
542
- <span class="cline-any cline-yes">6x</span>
543
- <span class="cline-any cline-yes">6x</span>
544
- <span class="cline-any cline-yes">6x</span>
545
- <span class="cline-any cline-yes">6x</span>
546
- <span class="cline-any cline-yes">6x</span>
547
- <span class="cline-any cline-yes">6x</span>
548
- <span class="cline-any cline-yes">6x</span>
549
- <span class="cline-any cline-yes">6x</span>
550
- <span class="cline-any cline-yes">6x</span>
551
- <span class="cline-any cline-yes">6x</span>
552
- <span class="cline-any cline-yes">6x</span>
553
- <span class="cline-any cline-yes">6x</span>
554
- <span class="cline-any cline-yes">6x</span>
555
- <span class="cline-any cline-yes">6x</span>
556
- <span class="cline-any cline-yes">6x</span>
557
- <span class="cline-any cline-yes">6x</span>
558
- <span class="cline-any cline-yes">6x</span>
559
- <span class="cline-any cline-yes">6x</span>
560
- <span class="cline-any cline-yes">6x</span>
561
- <span class="cline-any cline-yes">6x</span>
562
- <span class="cline-any cline-yes">6x</span>
563
- <span class="cline-any cline-yes">6x</span>
564
- <span class="cline-any cline-yes">6x</span>
565
- <span class="cline-any cline-yes">6x</span>
566
- <span class="cline-any cline-yes">6x</span>
567
- <span class="cline-any cline-yes">6x</span>
568
- <span class="cline-any cline-yes">6x</span>
569
- <span class="cline-any cline-yes">6x</span>
570
- <span class="cline-any cline-yes">6x</span>
571
- <span class="cline-any cline-yes">6x</span>
572
- <span class="cline-any cline-yes">6x</span>
573
- <span class="cline-any cline-yes">6x</span>
574
- <span class="cline-any cline-yes">6x</span>
575
- <span class="cline-any cline-yes">6x</span>
576
- <span class="cline-any cline-yes">6x</span>
577
- <span class="cline-any cline-yes">6x</span>
578
- <span class="cline-any cline-yes">6x</span>
579
- <span class="cline-any cline-yes">6x</span>
580
- <span class="cline-any cline-yes">6x</span>
581
- <span class="cline-any cline-yes">6x</span>
582
- <span class="cline-any cline-yes">6x</span>
583
- <span class="cline-any cline-yes">6x</span>
584
- <span class="cline-any cline-yes">6x</span>
585
- <span class="cline-any cline-yes">6x</span>
586
- <span class="cline-any cline-yes">6x</span>
587
- <span class="cline-any cline-yes">6x</span>
588
- <span class="cline-any cline-yes">6x</span>
589
- <span class="cline-any cline-yes">6x</span>
590
- <span class="cline-any cline-yes">7x</span>
591
- <span class="cline-any cline-yes">7x</span>
592
- <span class="cline-any cline-yes">7x</span>
593
- <span class="cline-any cline-yes">7x</span>
594
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&nbsp;
595
- import {
596
- LitElement,
597
- css,
598
- svg,
599
- unsafeCSS,
600
- } from 'lit';
601
- import * as d3 from 'd3';
602
- &nbsp;
603
- /*
604
- DecidablesElement Base Class - Not intended for instantiation!
605
- &lt;decidables-element&gt;
606
- */
607
- export default class DecidablesElement extends LitElement {
608
- // HACK: Create a unique ID for each DecidablesElement
609
- // This is needed because Edge/IE11 don't have real Shadow DOM, so IDs leak
610
- // out of elements and collide if there is more than one of an element on a
611
- // page. Known issue for checkbox/switches and the id/for pattern on &lt;input&gt;
612
- // and &lt;label&gt;
613
- static get uniqueId() {
614
- DecidablesElement.ID += 1;
615
- return DecidablesElement.ID;
616
- }
617
- &nbsp;
618
- constructor() {
619
- super();
620
- this.uniqueId = `decidables-${DecidablesElement.uniqueId}`;
621
- }
622
- &nbsp;
623
- <span class="fstat-no" title="function not covered" > getComputedStyleValue(property) {</span>
624
- <span class="cstat-no" title="statement not covered" > // HACK: IE11 requires use of polyfill interface to get custom property value in Javascript</span>
625
- <span class="cstat-no" title="statement not covered" > if (window.ShadyCSS) {</span>
626
- <span class="cstat-no" title="statement not covered" > return window.ShadyCSS.getComputedStyleValue(this, property);</span>
627
- <span class="cstat-no" title="statement not covered" > }</span>
628
- <span class="cstat-no" title="statement not covered" > return getComputedStyle(this).getPropertyValue(property);</span>
629
- <span class="cstat-no" title="statement not covered" > }</span>
630
- &nbsp;
631
- firstUpdated(changedProperties) {
632
- super.firstUpdated(changedProperties);
633
- &nbsp;
634
- // Use focus highlighting if keyboard is used at all
635
- d3.select(this.renderRoot.host)
636
- .classed('keyboard', true)
637
- .on('mousemove.keyboard touchstart.keyboard', (event) =&gt; {
638
- <span class="cstat-no" title="statement not covered" > const element = event.currentTarget;</span>
639
- <span class="cstat-no" title="statement not covered" > d3.select(element.renderRoot.host)</span>
640
- <span class="cstat-no" title="statement not covered" > .classed('keyboard', false)</span>
641
- <span class="cstat-no" title="statement not covered" > .on('mousemove.keyboard touchstart.keyboard', null);</span>
642
- })
643
- .on('keydown.keyboard', (event) =&gt; {
644
- <span class="cstat-no" title="statement not covered" > const element = event.currentTarget;</span>
645
- <span class="cstat-no" title="statement not covered" > d3.select(element.renderRoot.host)</span>
646
- <span class="cstat-no" title="statement not covered" > .classed('keyboard', true)</span>
647
- <span class="cstat-no" title="statement not covered" > .on('keydown.keyboard mousemove.keyboard touchstart.keyboard', null);</span>
648
- });
649
- }
650
- &nbsp;
651
- static get greys() {
652
- const grey = '#999999';
653
- const greys = {};
654
- greys.white = '#ffffff';
655
- greys.light75 = d3.interpolateRgb(grey, '#ffffff')(0.75);
656
- greys.light50 = d3.interpolateRgb(grey, '#ffffff')(0.5);
657
- greys.light25 = d3.interpolateRgb(grey, '#ffffff')(0.25);
658
- greys.grey = grey;
659
- greys.dark25 = d3.interpolateRgb(grey, '#000000')(0.25);
660
- greys.dark50 = d3.interpolateRgb(grey, '#000000')(0.5);
661
- greys.dark75 = d3.interpolateRgb(grey, '#000000')(0.75);
662
- greys.black = '#000000';
663
- return greys;
664
- }
665
- &nbsp;
666
- static get shadows() {
667
- // Material Design elevation styles
668
- // References:
669
- // https://github.com/material-components/material-components-web/tree/master/packages/mdc-elevation
670
- // https://codepen.io/hanger/pen/yOGvQp
671
- /* eslint-disable key-spacing, object-curly-newline */
672
- return {
673
- elevations: [0, 2, 4, 8, 16],
674
- baselineColor: '#000000',
675
- baselineColorString: '0, 0, 0',
676
- inverseBaselineColor: '#FFFFFF',
677
- inverseBaselineColorString: '255, 255, 255',
678
- opacityUmbra: 0.2,
679
- opacityPenumbra: 0.14,
680
- opacityAmbient: 0.12,
681
- opacityBoost: 0.2,
682
- mapUmbra: {// $mdc-elevation-umbra-map
683
- 0: {x: 0, y: 0, b: 0, s: 0}, // offset-x, offset-y, blur-radius, spread-radius
684
- 2: {x: 0, y: 3, b: 1, s: -2},
685
- 4: {x: 0, y: 2, b: 4, s: -1},
686
- 8: {x: 0, y: 5, b: 5, s: -3},
687
- 16: {x: 0, y: 8, b: 10, s: -5},
688
- },
689
- mapPenumbra: {// $mdc-elevation-penumbra-map
690
- 0: {x: 0, y: 0, b: 0, s: 0}, // offset-x, offset-y, blur-radius, spread-radius
691
- 2: {x: 0, y: 2, b: 2, s: 0},
692
- 4: {x: 0, y: 4, b: 5, s: 0},
693
- 8: {x: 0, y: 8, b: 10, s: 1},
694
- 16: {x: 0, y: 16, b: 24, s: 2},
695
- },
696
- mapAmbient: {// $mdc-elevation-ambient-map
697
- 0: {x: 0, y: 0, b: 0, s: 0}, // offset-x, offset-y, blur-radius, spread-radius
698
- 2: {x: 0, y: 1, b: 5, s: 0},
699
- 4: {x: 0, y: 1, b: 10, s: 0},
700
- 8: {x: 0, y: 3, b: 14, s: 2},
701
- 16: {x: 0, y: 6, b: 30, s: 5},
702
- },
703
- };
704
- /* eslint-enable key-spacing, object-curly-newline */
705
- }
706
- &nbsp;
707
- static cssBoxShadow(elevation, rotate = false, inverse = false) {
708
- const umbraO = this.shadows.opacityUmbra + this.shadows.opacityBoost;
709
- const penumbraO = this.shadows.opacityPenumbra + this.shadows.opacityBoost;
710
- const ambientO = this.shadows.opacityAmbient + this.shadows.opacityBoost;
711
- &nbsp;
712
- const umbraC = (inverse)
713
- <span class="branch-0 cbranch-no" title="branch not covered" > ? `rgba(${this.shadows.inverseBaselineColorString}, ${umbraO})`</span>
714
- : `rgba(${this.shadows.baselineColorString}, ${umbraO})`;
715
- const penumbraC = (inverse)
716
- <span class="branch-0 cbranch-no" title="branch not covered" > ? `rgba(${this.shadows.inverseBaselineColorString}, ${penumbraO})`</span>
717
- : `rgba(${this.shadows.baselineColorString}, ${penumbraO})`;
718
- const ambientC = (inverse)
719
- <span class="branch-0 cbranch-no" title="branch not covered" > ? `rgba(${this.shadows.inverseBaselineColorString}, ${ambientO})`</span>
720
- : `rgba(${this.shadows.baselineColorString}, ${ambientO})`;
721
- &nbsp;
722
- const umbraM = this.shadows.mapUmbra[elevation];
723
- const penumbraM = this.shadows.mapPenumbra[elevation];
724
- const ambientM = this.shadows.mapAmbient[elevation];
725
- &nbsp;
726
- const umbraS = (rotate)
727
- ? `${-umbraM.y}px ${umbraM.y / 2}px ${umbraM.b}px ${umbraM.s}px`
728
- : `${umbraM.y / 2}px ${umbraM.y}px ${umbraM.b}px ${umbraM.s}px`;
729
- const penumbraS = (rotate)
730
- ? `${-penumbraM.y}px ${penumbraM.y / 2}px ${penumbraM.b}px ${penumbraM.s}px`
731
- : `${penumbraM.y / 2}px ${penumbraM.y}px ${penumbraM.b}px ${penumbraM.s}px`;
732
- const ambientS = (rotate)
733
- ? `${-ambientM.y}px ${ambientM.y / 2}px ${ambientM.b}px ${ambientM.s}px`
734
- : `${ambientM.y / 2}px ${ambientM.y}px ${ambientM.b}px ${ambientM.s}px`;
735
- &nbsp;
736
- return `${umbraS} ${umbraC}, ${penumbraS} ${penumbraC}, ${ambientS} ${ambientC}`;
737
- }
738
- &nbsp;
739
- static <span class="fstat-no" title="function not covered" >get svgFilters() {</span>
740
- <span class="cstat-no" title="statement not covered" > const shadows = DecidablesElement.shadows; // eslint-disable-line prefer-destructuring</span>
741
- <span class="cstat-no" title="statement not covered" > const erodeRadius = 1;</span>
742
- <span class="cstat-no" title="statement not covered" ></span>
743
- <span class="cstat-no" title="statement not covered" > const filters = shadows.elevations.map((z) =&gt; {</span>
744
- <span class="cstat-no" title="statement not covered" > return svg`</span>
745
- <span class="cstat-no" title="statement not covered" > &lt;filter id=${`shadow-${z}`} x="-250%" y="-250%" width="600%" height="600%"&gt;</span>
746
- <span class="cstat-no" title="statement not covered" > &lt;feComponentTransfer in="SourceAlpha" result="solid"&gt;</span>
747
- <span class="cstat-no" title="statement not covered" > &lt;feFuncA type="table" tableValues="0 1 1"/&gt;</span>
748
- <span class="cstat-no" title="statement not covered" > &lt;/feComponentTransfer&gt;</span>
749
- <span class="cstat-no" title="statement not covered" > &lt;feOffset in="solid" result="offU" dx=${shadows.mapUmbra[z].y / 2} dy=${shadows.mapUmbra[z].y} /&gt;</span>
750
- <span class="cstat-no" title="statement not covered" > &lt;feOffset in="solid" result="offP" dx=${shadows.mapPenumbra[z].y / 2} dy=${shadows.mapPenumbra[z].y} /&gt;</span>
751
- <span class="cstat-no" title="statement not covered" > &lt;feOffset in="solid" result="offA" dx=${shadows.mapAmbient[z].y / 2} dy=${shadows.mapAmbient[z].y} /&gt;</span>
752
- <span class="cstat-no" title="statement not covered" > ${(shadows.mapUmbra[z].s === 0)</span>
753
- <span class="cstat-no" title="statement not covered" > ? svg``</span>
754
- <span class="cstat-no" title="statement not covered" > : svg`&lt;feMorphology in="offU" result="spreadU" operator=${(shadows.mapUmbra[z].s &gt; 0) ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapUmbra[z].s)} /&gt;`</span>
755
- <span class="cstat-no" title="statement not covered" > }</span>
756
- <span class="cstat-no" title="statement not covered" > ${(shadows.mapPenumbra[z].s === 0)</span>
757
- <span class="cstat-no" title="statement not covered" > ? svg``</span>
758
- <span class="cstat-no" title="statement not covered" > : svg`&lt;feMorphology in="offP" result="spreadP" operator=${(shadows.mapPenumbra[z].s &gt; 0) ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapPenumbra[z].s)} /&gt;`</span>
759
- <span class="cstat-no" title="statement not covered" > }</span>
760
- <span class="cstat-no" title="statement not covered" > ${(shadows.mapAmbient[z].s === 0)</span>
761
- <span class="cstat-no" title="statement not covered" > ? svg``</span>
762
- <span class="cstat-no" title="statement not covered" > : svg`&lt;feMorphology in="offA" result="spreadA" operator=${(shadows.mapAmbient[z].s &gt; 0) ? 'dilate' : 'erode'} radius=${Math.abs(shadows.mapAmbient[z].s)} /&gt;`</span>
763
- <span class="cstat-no" title="statement not covered" > }</span>
764
- <span class="cstat-no" title="statement not covered" > &lt;feGaussianBlur in=${(shadows.mapUmbra[z].s === 0) ? 'offU' : 'spreadU'} result="blurU" stdDeviation=${shadows.mapUmbra[z].b / 2} /&gt;</span>
765
- <span class="cstat-no" title="statement not covered" > &lt;feGaussianBlur in=${(shadows.mapPenumbra[z].s === 0) ? 'offP' : 'spreadP'} result="blurP" stdDeviation=${shadows.mapPenumbra[z].b / 2} /&gt;</span>
766
- <span class="cstat-no" title="statement not covered" > &lt;feGaussianBlur in=${(shadows.mapAmbient[z].s === 0) ? 'offA' : 'spreadA'} result="blurA" stdDeviation=${shadows.mapAmbient[z].b / 2} /&gt;</span>
767
- <span class="cstat-no" title="statement not covered" > &lt;feFlood in="SourceGraphic" result="opU" flood-color=${shadows.baselineColor} flood-opacity=${shadows.opacityUmbra + shadows.opacityBoost} /&gt;</span>
768
- <span class="cstat-no" title="statement not covered" > &lt;feFlood in="SourceGraphic" result="opP" flood-color=${shadows.baselineColor} flood-opacity=${shadows.opacityPenumbra + shadows.opacityBoost} /&gt;</span>
769
- <span class="cstat-no" title="statement not covered" > &lt;feFlood in="SourceGraphic" result="opA" flood-color=${shadows.baselineColor} flood-opacity=${shadows.opacityAmbient + shadows.opacityBoost} /&gt;</span>
770
- <span class="cstat-no" title="statement not covered" > &lt;feComposite in="opU" in2="blurU" result="shU" operator="in" /&gt;</span>
771
- <span class="cstat-no" title="statement not covered" > &lt;feComposite in="opP" in2="blurP" result="shP" operator="in" /&gt;</span>
772
- <span class="cstat-no" title="statement not covered" > &lt;feComposite in="opA" in2="blurA" result="shA" operator="in" /&gt;</span>
773
- <span class="cstat-no" title="statement not covered" > &lt;!-- HACK Edge: Using a dynamic value for erode radius stops Edge from corrupting the "radius" value! --&gt;</span>
774
- <span class="cstat-no" title="statement not covered" > &lt;feMorphology in="solid" result="smaller" operator="erode" radius=${erodeRadius} /&gt;</span>
775
- <span class="cstat-no" title="statement not covered" > &lt;feComposite in="shU" in2="smaller" result="finalU" operator="out" /&gt;</span>
776
- <span class="cstat-no" title="statement not covered" > &lt;feComposite in="shP" in2="smaller" result="finalP" operator="out" /&gt;</span>
777
- <span class="cstat-no" title="statement not covered" > &lt;feComposite in="shA" in2="smaller" result="finalA" operator="out" /&gt;</span>
778
- <span class="cstat-no" title="statement not covered" > &lt;feMerge&gt;</span>
779
- <span class="cstat-no" title="statement not covered" > &lt;feMergeNode in="finalU" /&gt;</span>
780
- <span class="cstat-no" title="statement not covered" > &lt;feMergeNode in="finalP" /&gt;</span>
781
- <span class="cstat-no" title="statement not covered" > &lt;feMergeNode in="finalA" /&gt;</span>
782
- <span class="cstat-no" title="statement not covered" > &lt;feMergeNode in="SourceGraphic" /&gt;</span>
783
- <span class="cstat-no" title="statement not covered" > &lt;/feMerge&gt;</span>
784
- <span class="cstat-no" title="statement not covered" > &lt;/filter&gt;`;</span>
785
- <span class="cstat-no" title="statement not covered" > });</span>
786
- <span class="cstat-no" title="statement not covered" ></span>
787
- <span class="cstat-no" title="statement not covered" > return svg`</span>
788
- <span class="cstat-no" title="statement not covered" > &lt;svg class="defs"&gt;</span>
789
- <span class="cstat-no" title="statement not covered" > &lt;defs&gt;</span>
790
- <span class="cstat-no" title="statement not covered" > ${filters}</span>
791
- <span class="cstat-no" title="statement not covered" > &lt;/defs&gt;</span>
792
- <span class="cstat-no" title="statement not covered" > &lt;/svg&gt;</span>
793
- <span class="cstat-no" title="statement not covered" > `;</span>
794
- <span class="cstat-no" title="statement not covered" > }</span>
795
- &nbsp;
796
- static get styles() {
797
- return css`
798
- :host {
799
- ---shadow-0: var(--shadow-0, ${unsafeCSS(this.cssBoxShadow(0))});
800
- ---shadow-2: var(--shadow-2, ${unsafeCSS(this.cssBoxShadow(2))});
801
- ---shadow-4: var(--shadow-4, ${unsafeCSS(this.cssBoxShadow(4))});
802
- ---shadow-8: var(--shadow-8, ${unsafeCSS(this.cssBoxShadow(8))});
803
- &nbsp;
804
- ---color-background: var(--color-background, ${unsafeCSS(this.greys.white)});
805
- ---color-border: var(--color-border, ${unsafeCSS(this.greys.light75)});
806
- ---color-text: var(--color-text, ${unsafeCSS(this.greys.dark75)});
807
- ---color-text-inverse: var(--color-text-inverse, ${unsafeCSS(this.greys.white)});
808
- ---color-link: var(--color-link, ${unsafeCSS(this.greys.dark25)});
809
- ---color-element-background: var(--color-element-background, ${unsafeCSS(this.greys.light75)});
810
- ---color-element-disabled: var(--color-element-disabled, ${unsafeCSS(this.greys.light50)});
811
- ---color-element-enabled: var(--color-element-enabled, ${unsafeCSS(this.greys.grey)});
812
- ---color-element-selected: var(--color-element-selected, ${unsafeCSS(this.greys.dark25)});
813
- ---color-element-border: var(--color-element-border, ${unsafeCSS(this.greys.dark50)});
814
- ---color-element-emphasis: var(--color-element-emphasis, ${unsafeCSS(this.greys.dark75)});
815
- &nbsp;
816
- ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
817
- ---font-family-math: var(--font-family-math, "Source Serif", serif);
818
- &nbsp;
819
- ---transition-duration: var(--transition-duration, 500ms);
820
- &nbsp;
821
- font-family: var(---font-family-base);
822
- }
823
- &nbsp;
824
- :host,
825
- :host *,
826
- :host *::before,
827
- :host *::after {
828
- box-sizing: border-box;
829
- }
830
- &nbsp;
831
- .math-greek {
832
- font-family: var(---font-family-math);
833
- font-style: normal;
834
- }
835
- &nbsp;
836
- .math-num {
837
- font-family: var(---font-family-base);
838
- font-style: normal;
839
- }
840
- &nbsp;
841
- .math-var {
842
- font-family: var(---font-family-math);
843
- font-style: italic;
844
- }
845
- &nbsp;
846
- .defs {
847
- display: block;
848
- &nbsp;
849
- width: 0;
850
- height: 0;
851
- }
852
- `;
853
- }
854
- }
855
- &nbsp;
856
- // Static property of DecidablesElement!
857
- DecidablesElement.ID = 0;
858
- &nbsp;</pre></td></tr></table></pre>
859
-
860
- <div class='push'></div><!-- for sticky footer -->
861
- </div><!-- /wrapper -->
862
- <div class='footer quiet pad2 space-top1 center small'>
863
- Code coverage generated by
864
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
865
- at Wed Mar 02 2022 15:43:31 GMT-0800 (Pacific Standard Time)
866
- </div>
867
- <script src="prettify.js"></script>
868
- <script>
869
- window.onload = function () {
870
- prettyPrint();
871
- };
872
- </script>
873
- <script src="sorter.js"></script>
874
- <script src="block-navigation.js"></script>
875
- </body>
876
- </html>
877
-