@hmlr/govuk-react-components-library 1.0.1

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 (203) hide show
  1. package/.nvmrc +1 -0
  2. package/.stylelintrc.json +8 -0
  3. package/LICENCE +21 -0
  4. package/README.md +636 -0
  5. package/assets/Advance-submodule-behaviours.png +0 -0
  6. package/assets/logo.png +0 -0
  7. package/assets/uml-diagram.svg +2541 -0
  8. package/bundle-analysis-main.html +4951 -0
  9. package/bundle-analysis-pdfvc.html +4949 -0
  10. package/dist/PDFViewerCanvas.cjs.css +86 -0
  11. package/dist/PDFViewerCanvas.cjs.js +243 -0
  12. package/dist/PDFViewerCanvas.cjs.js.map +1 -0
  13. package/dist/PDFViewerCanvas.d.ts +19 -0
  14. package/dist/PDFViewerCanvas.esm.css +86 -0
  15. package/dist/PDFViewerCanvas.esm.js +241 -0
  16. package/dist/PDFViewerCanvas.esm.js.map +1 -0
  17. package/dist/index.cjs.css +11962 -0
  18. package/dist/index.cjs.js +1362 -0
  19. package/dist/index.cjs.js.map +1 -0
  20. package/dist/index.d.ts +743 -0
  21. package/dist/index.esm.css +11962 -0
  22. package/dist/index.esm.js +1284 -0
  23. package/dist/index.esm.js.map +1 -0
  24. package/dist/types/JestSetup.d.ts +1 -0
  25. package/dist/types/PDFViewerCanvas.d.ts +1 -0
  26. package/dist/types/components/Accordion/Accordion.config.d.ts +5 -0
  27. package/dist/types/components/Accordion/Accordion.d.ts +4 -0
  28. package/dist/types/components/Accordion/Accordion.types.d.ts +20 -0
  29. package/dist/types/components/Accordion/index.d.ts +2 -0
  30. package/dist/types/components/ActionLink/ActionLink.d.ts +4 -0
  31. package/dist/types/components/ActionLink/ActionLink.types.d.ts +13 -0
  32. package/dist/types/components/ActionLink/index.d.ts +1 -0
  33. package/dist/types/components/BackLink/BackLink.d.ts +4 -0
  34. package/dist/types/components/BackLink/BackLink.types.d.ts +9 -0
  35. package/dist/types/components/BackLink/index.d.ts +1 -0
  36. package/dist/types/components/Boolean/Boolean.d.ts +4 -0
  37. package/dist/types/components/Boolean/Boolean.types.d.ts +39 -0
  38. package/dist/types/components/Boolean/OmitKey.d.ts +5 -0
  39. package/dist/types/components/Boolean/index.d.ts +1 -0
  40. package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +4 -0
  41. package/dist/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +13 -0
  42. package/dist/types/components/Breadcrumbs/index.d.ts +1 -0
  43. package/dist/types/components/Button/Button.config.d.ts +2 -0
  44. package/dist/types/components/Button/Button.d.ts +4 -0
  45. package/dist/types/components/Button/Button.types.d.ts +13 -0
  46. package/dist/types/components/Button/index.d.ts +2 -0
  47. package/dist/types/components/CardColumn/CardColumn.d.ts +5 -0
  48. package/dist/types/components/CardColumn/CardColumn.types.d.ts +5 -0
  49. package/dist/types/components/CardColumn/index.d.ts +1 -0
  50. package/dist/types/components/CardLayout/CardLayout.d.ts +4 -0
  51. package/dist/types/components/CardLayout/CardLayout.types.d.ts +5 -0
  52. package/dist/types/components/CardLayout/index.d.ts +1 -0
  53. package/dist/types/components/CharacterCount/CharacterCount.config.d.ts +2 -0
  54. package/dist/types/components/CharacterCount/CharacterCount.d.ts +4 -0
  55. package/dist/types/components/CharacterCount/CharacterCount.types.d.ts +12 -0
  56. package/dist/types/components/CharacterCount/index.d.ts +1 -0
  57. package/dist/types/components/Checkboxes/Checkboxes.config.d.ts +1 -0
  58. package/dist/types/components/Checkboxes/Checkboxes.d.ts +4 -0
  59. package/dist/types/components/Checkboxes/Checkboxes.types.d.ts +3 -0
  60. package/dist/types/components/Checkboxes/index.d.ts +2 -0
  61. package/dist/types/components/CookieBanner/CookieBanner.d.ts +4 -0
  62. package/dist/types/components/CookieBanner/CookieBanner.types.d.ts +21 -0
  63. package/dist/types/components/CookieBanner/index.d.ts +1 -0
  64. package/dist/types/components/DataNavigation/DataNavigation.d.ts +4 -0
  65. package/dist/types/components/DataNavigation/DataNavigation.types.d.ts +9 -0
  66. package/dist/types/components/DataNavigation/index.d.ts +1 -0
  67. package/dist/types/components/DateInput/DateInput.d.ts +4 -0
  68. package/dist/types/components/DateInput/DateInput.types.d.ts +29 -0
  69. package/dist/types/components/DateInput/index.d.ts +1 -0
  70. package/dist/types/components/Details/Details.d.ts +4 -0
  71. package/dist/types/components/Details/Details.types.d.ts +5 -0
  72. package/dist/types/components/Details/index.d.ts +1 -0
  73. package/dist/types/components/DifferenceNavigation/DifferenceNavigation.d.ts +4 -0
  74. package/dist/types/components/DifferenceNavigation/DifferenceNavigation.types.d.ts +7 -0
  75. package/dist/types/components/DifferenceNavigation/index.d.ts +1 -0
  76. package/dist/types/components/ErrorBoundary/ErrorBoundary.d.ts +9 -0
  77. package/dist/types/components/ErrorBoundary/ErrorBoundary.types.d.ts +11 -0
  78. package/dist/types/components/ErrorBoundary/index.d.ts +1 -0
  79. package/dist/types/components/ErrorMessage/ErrorMessage.d.ts +4 -0
  80. package/dist/types/components/ErrorMessage/ErrorMessage.types.d.ts +6 -0
  81. package/dist/types/components/ErrorMessage/index.d.ts +1 -0
  82. package/dist/types/components/ErrorSummary/ErrorSummary.config.d.ts +2 -0
  83. package/dist/types/components/ErrorSummary/ErrorSummary.d.ts +4 -0
  84. package/dist/types/components/ErrorSummary/ErrorSummary.types.d.ts +13 -0
  85. package/dist/types/components/ErrorSummary/index.d.ts +2 -0
  86. package/dist/types/components/Fieldset/Fieldset.d.ts +4 -0
  87. package/dist/types/components/Fieldset/Fieldset.types.d.ts +12 -0
  88. package/dist/types/components/Fieldset/index.d.ts +1 -0
  89. package/dist/types/components/FileUpload/FileUpload.d.ts +4 -0
  90. package/dist/types/components/FileUpload/FileUpload.types.d.ts +15 -0
  91. package/dist/types/components/FileUpload/index.d.ts +1 -0
  92. package/dist/types/components/Footer/Footer.d.ts +4 -0
  93. package/dist/types/components/Footer/Footer.types.d.ts +33 -0
  94. package/dist/types/components/Footer/index.d.ts +1 -0
  95. package/dist/types/components/Header/Header.config.d.ts +1 -0
  96. package/dist/types/components/Header/Header.d.ts +4 -0
  97. package/dist/types/components/Header/Header.types.d.ts +28 -0
  98. package/dist/types/components/Header/index.d.ts +2 -0
  99. package/dist/types/components/Hint/Hint.d.ts +4 -0
  100. package/dist/types/components/Hint/Hint.types.d.ts +4 -0
  101. package/dist/types/components/Hint/index.d.ts +1 -0
  102. package/dist/types/components/Input/Input.d.ts +4 -0
  103. package/dist/types/components/Input/Input.types.d.ts +22 -0
  104. package/dist/types/components/Input/index.d.ts +1 -0
  105. package/dist/types/components/InsetText/InsetText.d.ts +4 -0
  106. package/dist/types/components/InsetText/InsetText.types.d.ts +4 -0
  107. package/dist/types/components/InsetText/index.d.ts +1 -0
  108. package/dist/types/components/Label/Label.d.ts +4 -0
  109. package/dist/types/components/Label/Label.types.d.ts +6 -0
  110. package/dist/types/components/Label/index.d.ts +1 -0
  111. package/dist/types/components/Landing/Landing.d.ts +4 -0
  112. package/dist/types/components/Landing/Landing.types.d.ts +4 -0
  113. package/dist/types/components/Landing/index.d.ts +1 -0
  114. package/dist/types/components/LinkWithRef/LinkWithRef.d.ts +4 -0
  115. package/dist/types/components/LinkWithRef/LinkWithRef.types.d.ts +9 -0
  116. package/dist/types/components/LinkWithRef/index.d.ts +1 -0
  117. package/dist/types/components/Loading/Loading.d.ts +5 -0
  118. package/dist/types/components/Loading/Loading.types.d.ts +4 -0
  119. package/dist/types/components/Loading/index.d.ts +1 -0
  120. package/dist/types/components/Main/Main.d.ts +4 -0
  121. package/dist/types/components/Main/Main.types.d.ts +5 -0
  122. package/dist/types/components/Main/index.d.ts +1 -0
  123. package/dist/types/components/NotFoundPage/NotFoundPage.d.ts +3 -0
  124. package/dist/types/components/NotFoundPage/index.d.ts +1 -0
  125. package/dist/types/components/NotificationBanner/NotificationBanner.config.d.ts +2 -0
  126. package/dist/types/components/NotificationBanner/NotificationBanner.d.ts +4 -0
  127. package/dist/types/components/NotificationBanner/NotificationBanner.types.d.ts +12 -0
  128. package/dist/types/components/NotificationBanner/index.d.ts +1 -0
  129. package/dist/types/components/PDFViewer/ObjectToQueryString.d.ts +1 -0
  130. package/dist/types/components/PDFViewer/PDFViewer.d.ts +4 -0
  131. package/dist/types/components/PDFViewer/PDFViewer.types.d.ts +25 -0
  132. package/dist/types/components/PDFViewer/PDFViewerBackend.d.ts +2 -0
  133. package/dist/types/components/PDFViewer/ResolvePDFSource.d.ts +4 -0
  134. package/dist/types/components/PDFViewer/Slugify.d.ts +1 -0
  135. package/dist/types/components/PDFViewer/index.d.ts +2 -0
  136. package/dist/types/components/PDFViewer/testutilities/SampleBase64.d.ts +44 -0
  137. package/dist/types/components/PDFViewerCanvas/PDFViewerCanvas.d.ts +9 -0
  138. package/dist/types/components/PDFViewerCanvas/PDFViewerCanvas.types.d.ts +8 -0
  139. package/dist/types/components/PDFViewerCanvas/index.d.ts +1 -0
  140. package/dist/types/components/Pagination/NavigationButton.d.ts +3 -0
  141. package/dist/types/components/Pagination/Pagination.d.ts +4 -0
  142. package/dist/types/components/Pagination/Pagination.types.d.ts +22 -0
  143. package/dist/types/components/Pagination/SvgIcon.d.ts +3 -0
  144. package/dist/types/components/Pagination/UsePagination.d.ts +9 -0
  145. package/dist/types/components/Pagination/index.d.ts +1 -0
  146. package/dist/types/components/Panel/Panel.d.ts +4 -0
  147. package/dist/types/components/Panel/Panel.types.d.ts +7 -0
  148. package/dist/types/components/Panel/index.d.ts +1 -0
  149. package/dist/types/components/PhaseBanner/PhaseBanner.d.ts +4 -0
  150. package/dist/types/components/PhaseBanner/PhaseBanner.types.d.ts +6 -0
  151. package/dist/types/components/PhaseBanner/index.d.ts +1 -0
  152. package/dist/types/components/ProblemWithService/ProblemWithService.d.ts +4 -0
  153. package/dist/types/components/ProblemWithService/ProblemWithService.types.d.ts +7 -0
  154. package/dist/types/components/ProblemWithService/index.d.ts +1 -0
  155. package/dist/types/components/Radios/Radios.config.d.ts +1 -0
  156. package/dist/types/components/Radios/Radios.d.ts +4 -0
  157. package/dist/types/components/Radios/Radios.types.d.ts +7 -0
  158. package/dist/types/components/Radios/index.d.ts +2 -0
  159. package/dist/types/components/Select/Select.d.ts +4 -0
  160. package/dist/types/components/Select/Select.types.d.ts +21 -0
  161. package/dist/types/components/Select/index.d.ts +1 -0
  162. package/dist/types/components/ServiceNavigation/ServiceNavigation.d.ts +4 -0
  163. package/dist/types/components/ServiceNavigation/ServiceNavigation.types.d.ts +21 -0
  164. package/dist/types/components/ServiceNavigation/index.d.ts +1 -0
  165. package/dist/types/components/SkipLink/SkipLink.config.d.ts +1 -0
  166. package/dist/types/components/SkipLink/SkipLink.d.ts +4 -0
  167. package/dist/types/components/SkipLink/SkipLink.types.d.ts +5 -0
  168. package/dist/types/components/SkipLink/index.d.ts +2 -0
  169. package/dist/types/components/SummaryList/SummaryList.d.ts +4 -0
  170. package/dist/types/components/SummaryList/SummaryList.types.d.ts +22 -0
  171. package/dist/types/components/SummaryList/index.d.ts +1 -0
  172. package/dist/types/components/Table/Table.d.ts +4 -0
  173. package/dist/types/components/Table/Table.types.d.ts +21 -0
  174. package/dist/types/components/Table/index.d.ts +1 -0
  175. package/dist/types/components/Tabs/Tabs.config.d.ts +1 -0
  176. package/dist/types/components/Tabs/Tabs.d.ts +4 -0
  177. package/dist/types/components/Tabs/Tabs.types.d.ts +14 -0
  178. package/dist/types/components/Tabs/index.d.ts +2 -0
  179. package/dist/types/components/Tag/Tag.d.ts +4 -0
  180. package/dist/types/components/Tag/Tag.types.d.ts +4 -0
  181. package/dist/types/components/Tag/index.d.ts +1 -0
  182. package/dist/types/components/TaskList/TaskList.d.ts +4 -0
  183. package/dist/types/components/TaskList/TaskList.types.d.ts +21 -0
  184. package/dist/types/components/TaskList/index.d.ts +1 -0
  185. package/dist/types/components/Textarea/Textarea.d.ts +4 -0
  186. package/dist/types/components/Textarea/Textarea.types.d.ts +14 -0
  187. package/dist/types/components/Textarea/index.d.ts +1 -0
  188. package/dist/types/components/WarningInfo/WarningInfo.d.ts +4 -0
  189. package/dist/types/components/WarningInfo/WarningInfo.types.d.ts +8 -0
  190. package/dist/types/components/WarningInfo/index.d.ts +1 -0
  191. package/dist/types/components/WarningText/WarningText.d.ts +4 -0
  192. package/dist/types/components/WarningText/WarningText.types.d.ts +4 -0
  193. package/dist/types/components/WarningText/index.d.ts +1 -0
  194. package/dist/types/components/index.d.ts +49 -0
  195. package/dist/types/dynamics/index.d.ts +3 -0
  196. package/dist/types/dynamics/types.d.ts +37 -0
  197. package/dist/types/index.d.ts +1 -0
  198. package/dist/types/utils/ProcessExampleData.d.ts +3 -0
  199. package/dist/types/utils/StoriesFromFixtures.d.ts +5 -0
  200. package/dist/types/utils/TitleCase.d.ts +2 -0
  201. package/dist/types/utils/WithReference.d.ts +5 -0
  202. package/dist/types/utils/WithReference.types.d.ts +10 -0
  203. package/package.json +180 -0
@@ -0,0 +1,86 @@
1
+ .centered-wheel {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ }
6
+
7
+ @keyframes loading-frames {
8
+ 0%, 100% {
9
+ box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7);
10
+ }
11
+ 12.5% {
12
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5);
13
+ }
14
+ 25% {
15
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
16
+ }
17
+ 37.5% {
18
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 #000, 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
19
+ }
20
+ 50% {
21
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
22
+ }
23
+ 62.5% {
24
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
25
+ }
26
+ 75% {
27
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
28
+ }
29
+ 87.5% {
30
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 #000;
31
+ }
32
+ }
33
+ @keyframes loading-frames {
34
+ 0%, 100% {
35
+ box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7);
36
+ }
37
+ 12.5% {
38
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5);
39
+ }
40
+ 25% {
41
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
42
+ }
43
+ 37.5% {
44
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 #000, 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
45
+ }
46
+ 50% {
47
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
48
+ }
49
+ 62.5% {
50
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
51
+ }
52
+ 75% {
53
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
54
+ }
55
+ 87.5% {
56
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 #000;
57
+ }
58
+ }
59
+ .loading-wheel-2 {
60
+ width: 1em;
61
+ height: 1em;
62
+ border-radius: 50%;
63
+ margin: 40px;
64
+ animation: loading-frames 1.1s infinite ease;
65
+ font-size: 8px;
66
+ text-indent: -9999em;
67
+ transform: translateZ(0);
68
+ }
69
+
70
+ .loading-wheel {
71
+ width: 1em;
72
+ height: 1em;
73
+ border-radius: 50%;
74
+ margin: 40px;
75
+ margin-left: 25px;
76
+ animation: loading-frames 1.1s infinite ease;
77
+ font-size: 8px;
78
+ text-indent: -9999em;
79
+ transform: translateZ(0);
80
+ }
81
+
82
+ .head-space {
83
+ display: flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ }
@@ -0,0 +1,243 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var react = require('react');
5
+ var webpack_mjs = require('pdfjs-dist/webpack.mjs');
6
+ var reactRouterDom = require('react-router-dom');
7
+ require('govuk-frontend');
8
+
9
+ const Loading = ({ message = null, html = null }) => {
10
+ return (jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsxs("div", { className: "govuk-grid-column-full", children: [message || html ? (jsxRuntime.jsx("div", { className: "govuk-grid-row", children: jsxRuntime.jsx("div", { className: "govuk-grid-column-full head-space", children: html ? (html) : (jsxRuntime.jsx("h2", { className: "govuk-heading-m govuk-!-text-align-centre", children: message })) }) })) : null, jsxRuntime.jsx("div", { className: "govuk-hint govuk-grid-column-full", children: jsxRuntime.jsx("div", { className: "centered-wheel", "data-testid": "centered-wheel-identifier", children: jsxRuntime.jsx("div", { className: "loading-wheel-2", "data-testid": "loading-wheel-2-identifier" }) }) })] }) }));
11
+ };
12
+
13
+ function Slugify(str) {
14
+ str = str.replace(/^\s+|\s+$/g, ""); // trim leading/trailing white space
15
+ str = str.toLowerCase(); // convert string to lowercase
16
+ str = str
17
+ .replace(/[^a-z0-9 -]/g, "") // remove any non-alphanumeric characters
18
+ .replace(/\s+/g, "-") // replace spaces with hyphens
19
+ .replace(/-+/g, "-"); // remove consecutive hyphens
20
+ return str;
21
+ }
22
+
23
+ const _base64ToArrayBuffer = (base64) => {
24
+ const binaryString = window.atob(base64);
25
+ const len = binaryString.length;
26
+ const bytes = new Uint8Array(len);
27
+ for (let i = 0; i < len; i++) {
28
+ bytes[i] = binaryString.charCodeAt(i);
29
+ }
30
+ return bytes.buffer;
31
+ };
32
+ const isBase64 = (value) => /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})$/.test(value);
33
+ const ResolvePDFSource = (source) => {
34
+ const isBase64Source = isBase64(source);
35
+ if (!isBase64Source) {
36
+ return { isBase64Source, source };
37
+ }
38
+ const blob = new Blob([_base64ToArrayBuffer(source)], {
39
+ type: "application/pdf",
40
+ });
41
+ return { isBase64Source, source: URL.createObjectURL(blob) };
42
+ };
43
+
44
+ const LinkWithRef = ({ children, to, href, forwardedRef = null, ...attributes }) => {
45
+ if (to) {
46
+ return (jsxRuntime.jsx(reactRouterDom.Link, { ref: forwardedRef, to: to, ...attributes, children: children }));
47
+ }
48
+ return (jsxRuntime.jsx("a", { ref: forwardedRef, href: href || "#", ...attributes, children: children }));
49
+ };
50
+
51
+ const Button = (props) => {
52
+ const { element, href, to, isStartButton, disabled, className, preventDoubleClick, name, type, children, ...attributes } = props;
53
+ let el = "";
54
+ let buttonAttributes = {
55
+ name,
56
+ type,
57
+ ...attributes,
58
+ "data-module": "govuk-button",
59
+ };
60
+ let buttonElement = null;
61
+ if (element) {
62
+ el = element;
63
+ }
64
+ else if (href || to) {
65
+ el = "a";
66
+ }
67
+ else {
68
+ el = "button";
69
+ }
70
+ let iconHtml;
71
+ if (isStartButton) {
72
+ iconHtml = (jsxRuntime.jsx("svg", { className: "govuk-button__start-icon", xmlns: "http://www.w3.org/2000/svg", width: "17.5", height: "19", viewBox: "0 0 33 40", "aria-hidden": "true", focusable: "false", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M0 0h13l20 20-20 20H0l20-20z" }) }));
73
+ }
74
+ const commonAttributes = {
75
+ className: `govuk-button ${className || ""}${disabled ? " govuk-button--disabled" : ""} ${isStartButton ? "govuk-button--start" : ""}`,
76
+ // ref: buttonRef,
77
+ };
78
+ if (preventDoubleClick) {
79
+ buttonAttributes["data-prevent-double-click"] = preventDoubleClick;
80
+ }
81
+ if (disabled) {
82
+ buttonAttributes = {
83
+ ...buttonAttributes,
84
+ "aria-disabled": "true",
85
+ disabled: true,
86
+ };
87
+ }
88
+ if (el === "a") {
89
+ const linkAttributes = {
90
+ ...commonAttributes,
91
+ role: "button",
92
+ draggable: "false",
93
+ ...attributes,
94
+ "data-module": "govuk-button",
95
+ href,
96
+ to,
97
+ };
98
+ buttonElement = (jsxRuntime.jsxs(LinkWithRef, { ...linkAttributes, children: [children, iconHtml] }));
99
+ }
100
+ else if (el === "button") {
101
+ buttonElement = (jsxRuntime.jsxs("button", { ...buttonAttributes, ...commonAttributes, children: [children, iconHtml] }));
102
+ }
103
+ else if (el === "input") {
104
+ if (!type) {
105
+ buttonAttributes.type = "submit";
106
+ }
107
+ buttonElement = (jsxRuntime.jsx("input", { value: children, ...buttonAttributes, ...commonAttributes }));
108
+ }
109
+ return buttonElement;
110
+ };
111
+ Button.displayName = "Button";
112
+
113
+ function titleCase(str) {
114
+ return str
115
+ .toLowerCase()
116
+ .split(" ")
117
+ .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
118
+ .join(" ");
119
+ }
120
+
121
+ const Label = ({ className = "", htmlFor, children, isPageHeading, ...attributes }) => {
122
+ if (!children)
123
+ return null;
124
+ const label = (jsxRuntime.jsx("label", { className: `govuk-label ${className}`, htmlFor: htmlFor, ...attributes, children: children }));
125
+ return isPageHeading ? (jsxRuntime.jsx("h1", { className: "govuk-label-wrapper", children: label })) : (label);
126
+ };
127
+
128
+ const DifferenceNavigation = ({ differenceId, setDifferenceFocus, totalDifferences, keyword = "variation", plural = "variations", }) => {
129
+ if (totalDifferences === 0) {
130
+ return (jsxRuntime.jsxs("p", { className: "govuk-body govuk-!-font-size-20 govuk-!-text-align-centre", children: ["No ", `${plural}`, " found"] }));
131
+ }
132
+ const isPreviousDisabled = differenceId <= 1;
133
+ const isNextDisabled = differenceId === totalDifferences;
134
+ const renderButton = (id, onClick, disabled, content) => (jsxRuntime.jsx(Button, { id: id, onClick: onClick, "data-testid": id, disabled: disabled, children: content }));
135
+ return (jsxRuntime.jsxs("div", { className: "govuk-grid-row", children: [jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third", children: jsxRuntime.jsx("div", { className: "govuk-!-text-align-left", children: renderButton(`previous-${keyword}`, () => setDifferenceFocus(differenceId - 1), isPreviousDisabled, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", jsxRuntime.jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", transform: "rotate(180)", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) }), "\u00A0Previous", " "] })) }) }), jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third", children: jsxRuntime.jsxs(Label, { className: "govuk-!-text-align-centre", children: [titleCase(keyword), " ", differenceId, " of ", totalDifferences] }) }), jsxRuntime.jsx("div", { className: "govuk-grid-column-one-third", children: jsxRuntime.jsx("div", { className: "govuk-!-text-align-right", children: renderButton(`next-${keyword}`, () => setDifferenceFocus(differenceId + 1), isNextDisabled, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" ", "Next", jsxRuntime.jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) })] })) }) })] }));
136
+ };
137
+
138
+ const ErrorMessage = ({ className, children, visuallyHiddenText = "Error", ...attributes }) => {
139
+ let visuallyHiddenTextComponent = null;
140
+ if (visuallyHiddenText) {
141
+ visuallyHiddenTextComponent = (jsxRuntime.jsxs("span", { className: "govuk-visually-hidden", children: [visuallyHiddenText, ": "] }));
142
+ }
143
+ return (jsxRuntime.jsxs("p", { className: `govuk-error-message ${className || ""}`, ...attributes, children: [visuallyHiddenTextComponent, children] }));
144
+ };
145
+
146
+ /**
147
+ * PDFViewerCanvas component for rendering PDF documents on a canvas.
148
+ * @param {PDFViewerCanvasProps} props - The component props
149
+ * @returns {JSX.Element} The rendered component
150
+ */
151
+ const PDFViewerCanvas = ({ src, className, documentName, pageNumber = 1, showNavigation = true, ...attributes }) => {
152
+ const [pdfState, setPdfState] = react.useState({
153
+ loading: true,
154
+ numberOfPages: 0,
155
+ currentPage: pageNumber,
156
+ errorMessage: "",
157
+ });
158
+ const canvasRef = react.useRef(null);
159
+ const pdfDocumentRef = react.useRef(null);
160
+ const pageRenderingRef = react.useRef(false);
161
+ const pageNumberPendingRef = react.useRef(null);
162
+ const scale = 1;
163
+ const renderPage = react.useCallback((pageNum) => {
164
+ const pdfDocument = pdfDocumentRef.current;
165
+ const canvas = canvasRef.current;
166
+ if (!pdfDocument || !canvas)
167
+ return;
168
+ pageRenderingRef.current = true;
169
+ pdfDocument.getPage(pageNum).then((page) => {
170
+ const viewport = page.getViewport({ scale });
171
+ canvas.height = viewport.height;
172
+ canvas.width = viewport.width;
173
+ const context = canvas.getContext("2d");
174
+ if (context) {
175
+ const renderContext = {
176
+ canvasContext: context,
177
+ viewport,
178
+ annotationMode: 3,
179
+ };
180
+ const renderTask = page.render(renderContext);
181
+ renderTask.promise.then(() => {
182
+ pageRenderingRef.current = false;
183
+ if (pageNumberPendingRef.current !== null) {
184
+ renderPage(pageNumberPendingRef.current);
185
+ pageNumberPendingRef.current = null;
186
+ }
187
+ });
188
+ }
189
+ });
190
+ }, [scale]);
191
+ const queueRenderPage = react.useCallback((pageNum) => {
192
+ if (pageRenderingRef.current) {
193
+ pageNumberPendingRef.current = pageNum;
194
+ }
195
+ else {
196
+ renderPage(pageNum);
197
+ }
198
+ }, [renderPage]);
199
+ const setDifferenceFocus = react.useCallback((pageNum) => {
200
+ if (pageNum < 1 || pageNum > pdfState.numberOfPages)
201
+ return;
202
+ setPdfState((prevState) => ({
203
+ ...prevState,
204
+ currentPage: pageNum,
205
+ }));
206
+ queueRenderPage(pageNum);
207
+ }, [pdfState.numberOfPages, queueRenderPage]);
208
+ react.useEffect(() => {
209
+ const loadPDF = async (file) => {
210
+ try {
211
+ setPdfState((prevState) => ({ ...prevState, loading: true }));
212
+ const source = ResolvePDFSource(file).source;
213
+ const pdf = await webpack_mjs.getDocument(source).promise;
214
+ pdfDocumentRef.current = pdf;
215
+ const initialPageNumber = pdf.numPages >= pageNumber ? pageNumber : 1;
216
+ setPdfState({
217
+ loading: false,
218
+ numberOfPages: pdf.numPages,
219
+ currentPage: initialPageNumber,
220
+ errorMessage: "",
221
+ });
222
+ renderPage(initialPageNumber);
223
+ }
224
+ catch (error) {
225
+ console.error("Error loading PDF:", error);
226
+ setPdfState((prevState) => ({
227
+ ...prevState,
228
+ loading: false,
229
+ errorMessage: documentName
230
+ ? `There was an error loading the PDF document called "${documentName}".`
231
+ : "There was an error loading the PDF document.",
232
+ }));
233
+ }
234
+ };
235
+ if (src) {
236
+ loadPDF(src);
237
+ }
238
+ }, [src, pageNumber, renderPage]);
239
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [pdfState.loading && jsxRuntime.jsx(Loading, { message: "Loading PDF Document on Canvas" }), pdfState.errorMessage && (jsxRuntime.jsx(ErrorMessage, { className: "govuk-!-text-align-centre", children: pdfState.errorMessage })), showNavigation && pdfState.numberOfPages > 1 && (jsxRuntime.jsx("div", { style: { margin: "0 auto" }, children: jsxRuntime.jsx(DifferenceNavigation, { differenceId: pdfState.currentPage, setDifferenceFocus: setDifferenceFocus, totalDifferences: pdfState.numberOfPages, keyword: "page", plural: "Pages" }) })), jsxRuntime.jsx("canvas", { className: className, ref: canvasRef, id: `viewer-${Slugify(documentName || "")}`, "data-testid": "viewer", style: { width: "100%", height: "100%" }, ...attributes })] }));
240
+ };
241
+
242
+ exports.PDFViewerCanvas = PDFViewerCanvas;
243
+ //# sourceMappingURL=PDFViewerCanvas.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PDFViewerCanvas.cjs.js","sources":["../src/components/Loading/Loading.tsx","../src/components/PDFViewer/Slugify.tsx","../src/components/PDFViewer/ResolvePDFSource.tsx","../src/components/LinkWithRef/LinkWithRef.tsx","../src/components/Button/Button.tsx","../src/utils/TitleCase.tsx","../src/components/Label/Label.tsx","../src/components/DifferenceNavigation/DifferenceNavigation.tsx","../src/components/ErrorMessage/ErrorMessage.tsx","../src/components/PDFViewerCanvas/PDFViewerCanvas.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null],"names":["_jsx","_jsxs","Link","_Fragment","useState","useRef","useCallback","useEffect","pdfjsLib.getDocument"],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+
3
+ interface PDFViewerCanvasProps {
4
+ src: string;
5
+ className?: string;
6
+ documentName?: string;
7
+ pageNumber?: number;
8
+ showNavigation?: boolean;
9
+ [key: string]: unknown;
10
+ }
11
+
12
+ /**
13
+ * PDFViewerCanvas component for rendering PDF documents on a canvas.
14
+ * @param {PDFViewerCanvasProps} props - The component props
15
+ * @returns {JSX.Element} The rendered component
16
+ */
17
+ declare const PDFViewerCanvas: React.FC<PDFViewerCanvasProps>;
18
+
19
+ export { PDFViewerCanvas };
@@ -0,0 +1,86 @@
1
+ .centered-wheel {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ }
6
+
7
+ @keyframes loading-frames {
8
+ 0%, 100% {
9
+ box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7);
10
+ }
11
+ 12.5% {
12
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5);
13
+ }
14
+ 25% {
15
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
16
+ }
17
+ 37.5% {
18
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 #000, 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
19
+ }
20
+ 50% {
21
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
22
+ }
23
+ 62.5% {
24
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
25
+ }
26
+ 75% {
27
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
28
+ }
29
+ 87.5% {
30
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 #000;
31
+ }
32
+ }
33
+ @keyframes loading-frames {
34
+ 0%, 100% {
35
+ box-shadow: 0 -2.6em 0 0 #000, 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7);
36
+ }
37
+ 12.5% {
38
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0 #000, 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5);
39
+ }
40
+ 25% {
41
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.7), 2.5em 0 0 0 #000, 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
42
+ }
43
+ 37.5% {
44
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.5), 2.5em 0 0 0 rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0 #000, 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
45
+ }
46
+ 50% {
47
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.7), 0 2.5em 0 0 #000, -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.2), -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
48
+ }
49
+ 62.5% {
50
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.5), 0 2.5em 0 0 rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0 #000, -2.6em 0 0 0 rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
51
+ }
52
+ 75% {
53
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.7), -2.6em 0 0 0 #000, -1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2);
54
+ }
55
+ 87.5% {
56
+ box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0 rgba(0, 0, 0, 0.2), 2.5em 0 0 0 rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0 rgba(0, 0, 0, 0.2), 0 2.5em 0 0 rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0 rgba(0, 0, 0, 0.5), -2.6em 0 0 0 rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0 #000;
57
+ }
58
+ }
59
+ .loading-wheel-2 {
60
+ width: 1em;
61
+ height: 1em;
62
+ border-radius: 50%;
63
+ margin: 40px;
64
+ animation: loading-frames 1.1s infinite ease;
65
+ font-size: 8px;
66
+ text-indent: -9999em;
67
+ transform: translateZ(0);
68
+ }
69
+
70
+ .loading-wheel {
71
+ width: 1em;
72
+ height: 1em;
73
+ border-radius: 50%;
74
+ margin: 40px;
75
+ margin-left: 25px;
76
+ animation: loading-frames 1.1s infinite ease;
77
+ font-size: 8px;
78
+ text-indent: -9999em;
79
+ transform: translateZ(0);
80
+ }
81
+
82
+ .head-space {
83
+ display: flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ }