@zohodesk/components 1.2.12 → 1.2.14

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 (223) hide show
  1. package/.cli/PropValidationExcludeFilesArray.js +1 -7
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +10 -0
  4. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +29 -317
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +1 -33
  7. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +19 -43
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +1 -33
  10. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +19 -43
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  12. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +1 -33
  13. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +19 -43
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  15. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +1 -33
  16. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +19 -43
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  18. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +1 -33
  19. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +19 -43
  20. package/assets/Appearance/light/mode/Component_LightMode.module.css +29 -317
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +1 -33
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +19 -43
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +1 -33
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +19 -43
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +1 -33
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +19 -43
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +1 -33
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +19 -43
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +1 -33
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +19 -43
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +29 -317
  37. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +1 -33
  39. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +19 -43
  40. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +1 -33
  42. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +19 -43
  43. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +1 -33
  45. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +19 -43
  46. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +1 -33
  48. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +19 -43
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +1 -33
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +19 -43
  52. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  53. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  54. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  55. package/coverage/Avatar/Avatar.js.html +649 -0
  56. package/coverage/Avatar/Avatar.module.css.html +556 -0
  57. package/coverage/Avatar/index.html +131 -0
  58. package/coverage/Avatar/props/defaultProps.js.html +136 -0
  59. package/coverage/Avatar/props/index.html +131 -0
  60. package/coverage/Avatar/props/propTypes.js.html +166 -0
  61. package/coverage/AvatarTeam/AvatarTeam.js.html +340 -0
  62. package/coverage/AvatarTeam/AvatarTeam.module.css.html +610 -0
  63. package/coverage/AvatarTeam/index.html +131 -0
  64. package/coverage/AvatarTeam/props/defaultProps.js.html +136 -0
  65. package/coverage/AvatarTeam/props/index.html +131 -0
  66. package/coverage/AvatarTeam/props/propTypes.js.html +169 -0
  67. package/coverage/Button/Button.js.html +1 -1
  68. package/coverage/Button/css/Button.module.css.html +1 -1
  69. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  70. package/coverage/Button/css/index.html +1 -1
  71. package/coverage/Button/index.html +1 -1
  72. package/coverage/Button/props/defaultProps.js.html +1 -1
  73. package/coverage/Button/props/index.html +1 -1
  74. package/coverage/Button/props/propTypes.js.html +1 -1
  75. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  76. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  77. package/coverage/Buttongroup/index.html +1 -1
  78. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  79. package/coverage/Buttongroup/props/index.html +1 -1
  80. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  81. package/coverage/Label/Label.js.html +253 -0
  82. package/coverage/Label/Label.module.css.html +241 -0
  83. package/coverage/Label/LabelColors.module.css.html +145 -0
  84. package/coverage/Label/index.html +146 -0
  85. package/coverage/Label/props/defaultProps.js.html +118 -0
  86. package/coverage/Label/props/index.html +131 -0
  87. package/coverage/Label/props/propTypes.js.html +145 -0
  88. package/coverage/Layout/Box.js.html +367 -0
  89. package/coverage/Layout/Container.js.html +439 -0
  90. package/coverage/Layout/Layout.module.css.html +1090 -0
  91. package/coverage/Layout/index.html +176 -0
  92. package/coverage/Layout/index.js.html +118 -0
  93. package/coverage/Layout/props/defaultProps.js.html +136 -0
  94. package/coverage/Layout/props/index.html +131 -0
  95. package/coverage/Layout/props/propTypes.js.html +262 -0
  96. package/coverage/Layout/utils.js.html +199 -0
  97. package/coverage/Provider/AvatarSize.js.html +124 -0
  98. package/coverage/Provider/CssProvider.js.html +133 -0
  99. package/coverage/Provider/index.html +131 -0
  100. package/coverage/Radio/Radio.js.html +415 -0
  101. package/coverage/Radio/Radio.module.css.html +403 -0
  102. package/coverage/Radio/index.html +131 -0
  103. package/coverage/Radio/props/defaultProps.js.html +127 -0
  104. package/coverage/Radio/props/index.html +131 -0
  105. package/coverage/Radio/props/propTypes.js.html +187 -0
  106. package/coverage/Ribbon/Ribbon.js.html +229 -0
  107. package/coverage/Ribbon/Ribbon.module.css.html +1210 -0
  108. package/coverage/Ribbon/index.html +131 -0
  109. package/coverage/Ribbon/props/defaultProps.js.html +112 -0
  110. package/coverage/Ribbon/props/index.html +131 -0
  111. package/coverage/Ribbon/props/propTypes.js.html +121 -0
  112. package/coverage/RippleEffect/RippleEffect.js.html +172 -0
  113. package/coverage/RippleEffect/RippleEffect.module.css.html +415 -0
  114. package/coverage/RippleEffect/index.html +131 -0
  115. package/coverage/RippleEffect/props/defaultProps.js.html +112 -0
  116. package/coverage/RippleEffect/props/index.html +131 -0
  117. package/coverage/RippleEffect/props/propTypes.js.html +121 -0
  118. package/coverage/Stencils/Stencils.js.html +163 -0
  119. package/coverage/Stencils/Stencils.module.css.html +319 -0
  120. package/coverage/Stencils/index.html +131 -0
  121. package/coverage/Stencils/props/defaultProps.js.html +103 -0
  122. package/coverage/Stencils/props/index.html +131 -0
  123. package/coverage/Stencils/props/propTypes.js.html +109 -0
  124. package/coverage/Switch/Switch.js.html +379 -0
  125. package/coverage/Switch/Switch.module.css.html +481 -0
  126. package/coverage/Switch/index.html +131 -0
  127. package/coverage/Switch/props/defaultProps.js.html +118 -0
  128. package/coverage/Switch/props/index.html +131 -0
  129. package/coverage/Switch/props/propTypes.js.html +172 -0
  130. package/coverage/common/avatarsizes.module.css.html +229 -0
  131. package/coverage/common/common.module.css.html +1519 -0
  132. package/coverage/common/index.html +131 -0
  133. package/coverage/coverage-final.json +46 -1
  134. package/coverage/coverage-summary.json +46 -1
  135. package/coverage/index.html +311 -11
  136. package/coverage/utils/dummyFunction.js.html +1 -1
  137. package/coverage/utils/getInitial.js.html +139 -0
  138. package/coverage/utils/index.html +25 -10
  139. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  140. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  141. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  142. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  143. package/es/Buttongroup/Buttongroup.module.css +1 -2
  144. package/es/DateTime/DateTime.module.css +12 -1
  145. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  146. package/es/Label/__tests__/Label.spec.js +99 -0
  147. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  148. package/es/ListItem/ListItem.module.css +6 -17
  149. package/es/Radio/__tests__/Radio.spec.js +241 -0
  150. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  151. package/es/Ribbon/Ribbon.module.css +1 -2
  152. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  153. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  154. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  155. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  156. package/es/Stencils/__tests__/Stencils.spec.js +46 -0
  157. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  158. package/es/Switch/__tests__/Switch.spec.js +156 -0
  159. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  160. package/es/Tag/Tag.module.css +2 -3
  161. package/es/common/common.module.css +2 -2
  162. package/es/v1/DateTime/CalendarView.js +43 -10
  163. package/es/v1/DateTime/DateTime.js +8 -4
  164. package/es/v1/DateTime/DateTimePopupFooter.js +2 -2
  165. package/es/v1/DateTime/DateTimePopupHeader.js +1 -1
  166. package/es/v1/DateTime/DateWidget.js +8 -4
  167. package/es/v1/DateTime/DaysRow.js +1 -1
  168. package/es/v1/DateTime/Time.js +2 -2
  169. package/es/v1/DateTime/YearView.js +2 -2
  170. package/es/v1/DateTime/props/defaultProps.js +57 -0
  171. package/es/v1/DateTime/props/propTypes.js +195 -0
  172. package/es/v1/ListItem/ListItemWithAvatar.js +7 -8
  173. package/es/v1/Tag/Tag.js +6 -2
  174. package/es/v1/TextBox/TextBox.js +10 -10
  175. package/es/v1/Typography/Typography.js +4 -4
  176. package/es/v1/Typography/css/Typography.module.css +33 -0
  177. package/es/v1/Typography/css/cssJSLogic.js +14 -8
  178. package/es/v1/Typography/props/defaultProps.js +4 -4
  179. package/es/v1/Typography/props/propTypes.js +8 -5
  180. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  181. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  182. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  183. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  184. package/lib/Buttongroup/Buttongroup.module.css +1 -2
  185. package/lib/DateTime/DateTime.module.css +12 -1
  186. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  187. package/lib/Label/__tests__/Label.spec.js +106 -0
  188. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  189. package/lib/ListItem/ListItem.module.css +6 -17
  190. package/lib/Radio/__tests__/Radio.spec.js +250 -0
  191. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  192. package/lib/Ribbon/Ribbon.module.css +1 -2
  193. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  194. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  195. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  196. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  197. package/lib/Stencils/__tests__/Stencils.spec.js +53 -0
  198. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  199. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  200. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  201. package/lib/Tag/Tag.module.css +2 -3
  202. package/lib/common/common.module.css +2 -2
  203. package/lib/v1/DateTime/CalendarView.js +44 -10
  204. package/lib/v1/DateTime/DateTime.js +8 -4
  205. package/lib/v1/DateTime/DateTimePopupFooter.js +2 -2
  206. package/lib/v1/DateTime/DateTimePopupHeader.js +1 -1
  207. package/lib/v1/DateTime/DateWidget.js +8 -4
  208. package/lib/v1/DateTime/DaysRow.js +1 -1
  209. package/lib/v1/DateTime/Time.js +2 -2
  210. package/lib/v1/DateTime/YearView.js +2 -2
  211. package/lib/v1/DateTime/props/defaultProps.js +70 -0
  212. package/lib/v1/DateTime/props/propTypes.js +227 -0
  213. package/lib/v1/ListItem/ListItemWithAvatar.js +14 -9
  214. package/lib/v1/Tag/Tag.js +7 -4
  215. package/lib/v1/TextBox/TextBox.js +8 -9
  216. package/lib/v1/Typography/Typography.js +3 -3
  217. package/lib/v1/Typography/css/Typography.module.css +33 -0
  218. package/lib/v1/Typography/css/cssJSLogic.js +8 -5
  219. package/lib/v1/Typography/props/defaultProps.js +4 -4
  220. package/lib/v1/Typography/props/propTypes.js +8 -5
  221. package/package.json +10 -10
  222. package/result.json +1 -1
  223. package/unittest/index.html +1 -1
@@ -0,0 +1,172 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for RippleEffect/RippleEffect.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> / <a href="index.html">RippleEffect</a> RippleEffect.js</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>6/6</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>18/18</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>6/6</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 high'></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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-neutral">&nbsp;</span>
97
+ <span class="cline-any cline-neutral">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span>
99
+ <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-neutral">&nbsp;</span>
101
+ <span class="cline-any cline-yes">17x</span>
102
+ <span class="cline-any cline-yes">17x</span>
103
+ <span class="cline-any cline-neutral">&nbsp;</span>
104
+ <span class="cline-any cline-neutral">&nbsp;</span>
105
+ <span class="cline-any cline-neutral">&nbsp;</span>
106
+ <span class="cline-any cline-neutral">&nbsp;</span>
107
+ <span class="cline-any cline-neutral">&nbsp;</span>
108
+ <span class="cline-any cline-neutral">&nbsp;</span>
109
+ <span class="cline-any cline-neutral">&nbsp;</span>
110
+ <span class="cline-any cline-yes">17x</span>
111
+ <span class="cline-any cline-yes">17x</span>
112
+ <span class="cline-any cline-neutral">&nbsp;</span>
113
+ <span class="cline-any cline-neutral">&nbsp;</span>
114
+ <span class="cline-any cline-neutral">&nbsp;</span>
115
+ <span class="cline-any cline-yes">1x</span>
116
+ <span class="cline-any cline-yes">1x</span>
117
+ <span class="cline-any cline-neutral">&nbsp;</span>
118
+ <span class="cline-any cline-neutral">&nbsp;</span>
119
+ <span class="cline-any cline-neutral">&nbsp;</span>
120
+ <span class="cline-any cline-neutral">&nbsp;</span>
121
+ <span class="cline-any cline-neutral">&nbsp;</span>
122
+ <span class="cline-any cline-neutral">&nbsp;</span>
123
+ <span class="cline-any cline-neutral">&nbsp;</span>
124
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
125
+ import { defaultProps } from './props/defaultProps';
126
+ import { propTypes } from './props/propTypes';
127
+ import CssProvider from '../Provider/CssProvider';
128
+ import style from './RippleEffect.module.css';
129
+ export default function RippleEffect(props) {
130
+ let { children, isActive, isDisabled, palette, hoverType, isNeedEffect, needBorder, isCopyTextEnabled } = props;
131
+ let className = isNeedEffect
132
+ ? `${style.effect} ${style[palette]} ${needBorder ? style.border : ''} ${
133
+ style[`${hoverType}Hover`] ? style[`${hoverType}Hover`] : ''
134
+ } ${isActive &amp;&amp; !isDisabled ? style.active : ''} ${isDisabled ? '' : style.hoverEffect} ${
135
+ isCopyTextEnabled ? style.notAllowed : isDisabled ? CssProvider('isDisabled') : ''
136
+ }`
137
+ : '';
138
+ &nbsp;
139
+ let child = React.Children.only(children);
140
+ return React.cloneElement(child, {
141
+ className: `${child.props.className || ''} ${className}`
142
+ });
143
+ }
144
+ RippleEffect.defaultProps = defaultProps;
145
+ RippleEffect.propTypes = propTypes;
146
+ &nbsp;
147
+ // if (__DOCS__) {
148
+ // RippleEffect.docs = {
149
+ // componentGroup: 'RippleEffect',
150
+ // folderName: 'Style Guide'
151
+ // };
152
+ // }
153
+ &nbsp;</pre></td></tr></table></pre>
154
+
155
+ <div class='push'></div><!-- for sticky footer -->
156
+ </div><!-- /wrapper -->
157
+ <div class='footer quiet pad2 space-top1 center small'>
158
+ Code coverage generated by
159
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
160
+ at 2023-11-23T10:49:09.273Z
161
+ </div>
162
+ <script src="../prettify.js"></script>
163
+ <script>
164
+ window.onload = function () {
165
+ prettyPrint();
166
+ };
167
+ </script>
168
+ <script src="../sorter.js"></script>
169
+ <script src="../block-navigation.js"></script>
170
+ </body>
171
+ </html>
172
+
@@ -0,0 +1,415 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for RippleEffect/RippleEffect.module.css</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> / <a href="index.html">RippleEffect</a> RippleEffect.module.css</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>1/1</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/0</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>1/1</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 high'></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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-neutral">&nbsp;</span>
180
+ <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
+ <span class="cline-any cline-neutral">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-neutral">&nbsp;</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-neutral">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-neutral">&nbsp;</span>
235
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-neutral">&nbsp;</span>
240
+ <span class="cline-any cline-neutral">&nbsp;</span>
241
+ <span class="cline-any cline-neutral">&nbsp;</span>
242
+ <span class="cline-any cline-neutral">&nbsp;</span>
243
+ <span class="cline-any cline-neutral">&nbsp;</span>
244
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-neutral">&nbsp;</span>
246
+ <span class="cline-any cline-neutral">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-neutral">&nbsp;</span>
249
+ <span class="cline-any cline-neutral">&nbsp;</span>
250
+ <span class="cline-any cline-neutral">&nbsp;</span>
251
+ <span class="cline-any cline-neutral">&nbsp;</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-neutral">&nbsp;</span>
254
+ <span class="cline-any cline-neutral">&nbsp;</span>
255
+ <span class="cline-any cline-neutral">&nbsp;</span>
256
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-neutral">&nbsp;</span>
258
+ <span class="cline-any cline-neutral">&nbsp;</span>
259
+ <span class="cline-any cline-neutral">&nbsp;</span>
260
+ <span class="cline-any cline-neutral">&nbsp;</span>
261
+ <span class="cline-any cline-neutral">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-neutral">&nbsp;</span>
264
+ <span class="cline-any cline-neutral">&nbsp;</span>
265
+ <span class="cline-any cline-neutral">&nbsp;</span>
266
+ <span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
+ <span class="cline-any cline-neutral">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-neutral">&nbsp;</span>
273
+ <span class="cline-any cline-neutral">&nbsp;</span>
274
+ <span class="cline-any cline-neutral">&nbsp;</span>
275
+ <span class="cline-any cline-neutral">&nbsp;</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
+ <span class="cline-any cline-neutral">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-neutral">&nbsp;</span>
281
+ <span class="cline-any cline-neutral">&nbsp;</span>
282
+ <span class="cline-any cline-neutral">&nbsp;</span>
283
+ <span class="cline-any cline-neutral">&nbsp;</span>
284
+ <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-neutral">&nbsp;</span>
286
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">.effect {
287
+ position: relative;
288
+ border-radius: var(--zd_size4);
289
+ }
290
+ .border {
291
+ border: solid 1px var(--zdt_rippleeffect_default_border);
292
+ }
293
+ .default.defaultHover {
294
+ border-color: var(--zdt_rippleeffect_hover_border);
295
+ }
296
+ .hoverEffect:hover.primary.defaultHover,
297
+ /* .hoverEffect:focus.primary.defaultHover, */
298
+ .hoverEffect:hover.primary.borderHover
299
+ /* .hoverEffect:focus.primary.borderHover */
300
+ {
301
+ border-color: var(--zdt_rippleeffect_primary_border);
302
+ }
303
+ .primary.defaultHover,
304
+ .hoverEffect:hover.primary.active.border
305
+ /* .hoverEffect:focus.primary.active.border */
306
+ {
307
+ border-color: var(--zdt_rippleeffect_primary_active_border);
308
+ }
309
+ .primaryLight.defaultHover,
310
+ .hoverEffect:hover.primaryLight.borderHover
311
+ /* .hoverEffect:focus.primaryLight.borderHover */
312
+ {
313
+ border-color: var(--zdt_rippleeffect_primary_light_border);
314
+ }
315
+ .green.defaultHover,
316
+ .hoverEffect:hover.green.borderHover
317
+ /* .hoverEffect:focus.green.borderHover */
318
+ {
319
+ border-color: var(--zdt_rippleeffect_green_border);
320
+ }
321
+ .hoverEffect:hover.default.defaultHover
322
+ /* .hoverEffect:focus.default.defaultHover */
323
+ {
324
+ border-color: var(--zdt_rippleeffect_slate_border);
325
+ }
326
+ .hoverEffect:hover.default.borderHover
327
+ /* .hoverEffect:focus.default.borderHover */
328
+ {
329
+ border-color: var(--zdt_rippleeffect_navy_border);
330
+ }
331
+ .hoverEffect:hover.default.bgHover
332
+ /* .hoverEffect:focus.default.bgHover */
333
+ {
334
+ background-color: var(--zdt_rippleeffect_hover_bg);
335
+ }
336
+ .hoverEffect:hover.primaryLight.bgHover
337
+ /* .hoverEffect:focus.primaryLight.bgHover */
338
+ {
339
+ background-color: var(--zdt_rippleeffect_primary_light_bg);
340
+ }
341
+ .primaryFilled {
342
+ background-color: var(--zdt_rippleeffect_primary_bg);
343
+ }
344
+ .hoverEffect:hover.primaryFilled,
345
+ /* .hoverEffect:focus.primaryFilled, */
346
+ .primaryFilled.active {
347
+ background-color: var(--zdt_rippleeffect_primaryfilled_bg);
348
+ }
349
+ .hoverEffect:hover.green.bgHover
350
+ /* .hoverEffect:focus.green.bgHover */
351
+ {
352
+ background-color: var(--zdt_rippleeffect_green_bg);
353
+ }
354
+ .default.active,
355
+ .hoverEffect:hover.default.active,
356
+ /* .hoverEffect:focus.default.active, */
357
+ .primaryLight.active,
358
+ .primaryDark.active {
359
+ background-color: var(--zdt_rippleeffect_primary_light_bg);
360
+ }
361
+ .default.active.border,
362
+ .hoverEffect:hover.default.active.border,
363
+ /* .hoverEffect:focus.default.active.border, */
364
+ .primaryLight.active.border,
365
+ .primaryDark.active.border {
366
+ border-color: var(--zdt_rippleeffect_primary_light_border);
367
+ }
368
+ .green.active {
369
+ background-color: var(--zdt_rippleeffect_green_bg);
370
+ }
371
+ .green.active.border {
372
+ border-color: var(--zdt_rippleeffect_green_border);
373
+ }
374
+ .primary.active {
375
+ background-color: var(--zdt_rippleeffect_primary_bg);
376
+ }
377
+ .danger.defaultHover,
378
+ .hoverEffect:hover.danger.borderHover
379
+ /* .hoverEffect:focus.danger.borderHover */
380
+ {
381
+ border-color: var(--zdt_rippleeffect_danger_border);
382
+ }
383
+ .hoverEffect:hover.danger.bgHover,
384
+ /* .hoverEffect:focus.danger.bgHover, */
385
+ .danger.active {
386
+ background-color: var(--zdt_rippleeffect_danger_bg);
387
+ }
388
+ .hoverEffect:hover.primaryDark.bgHover
389
+ /* .hoverEffect:focus.primaryDark.bgHover */
390
+ {
391
+ background-color: var(--zdt_rippleeffect_primary_dark_bg);
392
+ }
393
+ .notAllowed {
394
+ cursor: not-allowed;
395
+ }
396
+ &nbsp;</pre></td></tr></table></pre>
397
+
398
+ <div class='push'></div><!-- for sticky footer -->
399
+ </div><!-- /wrapper -->
400
+ <div class='footer quiet pad2 space-top1 center small'>
401
+ Code coverage generated by
402
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
403
+ at 2023-11-23T10:49:09.273Z
404
+ </div>
405
+ <script src="../prettify.js"></script>
406
+ <script>
407
+ window.onload = function () {
408
+ prettyPrint();
409
+ };
410
+ </script>
411
+ <script src="../sorter.js"></script>
412
+ <script src="../block-navigation.js"></script>
413
+ </body>
414
+ </html>
415
+