@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.
- package/.nvmrc +1 -0
- package/.stylelintrc.json +8 -0
- package/LICENCE +21 -0
- package/README.md +636 -0
- package/assets/Advance-submodule-behaviours.png +0 -0
- package/assets/logo.png +0 -0
- package/assets/uml-diagram.svg +2541 -0
- package/bundle-analysis-main.html +4951 -0
- package/bundle-analysis-pdfvc.html +4949 -0
- package/dist/PDFViewerCanvas.cjs.css +86 -0
- package/dist/PDFViewerCanvas.cjs.js +243 -0
- package/dist/PDFViewerCanvas.cjs.js.map +1 -0
- package/dist/PDFViewerCanvas.d.ts +19 -0
- package/dist/PDFViewerCanvas.esm.css +86 -0
- package/dist/PDFViewerCanvas.esm.js +241 -0
- package/dist/PDFViewerCanvas.esm.js.map +1 -0
- package/dist/index.cjs.css +11962 -0
- package/dist/index.cjs.js +1362 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +743 -0
- package/dist/index.esm.css +11962 -0
- package/dist/index.esm.js +1284 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/types/JestSetup.d.ts +1 -0
- package/dist/types/PDFViewerCanvas.d.ts +1 -0
- package/dist/types/components/Accordion/Accordion.config.d.ts +5 -0
- package/dist/types/components/Accordion/Accordion.d.ts +4 -0
- package/dist/types/components/Accordion/Accordion.types.d.ts +20 -0
- package/dist/types/components/Accordion/index.d.ts +2 -0
- package/dist/types/components/ActionLink/ActionLink.d.ts +4 -0
- package/dist/types/components/ActionLink/ActionLink.types.d.ts +13 -0
- package/dist/types/components/ActionLink/index.d.ts +1 -0
- package/dist/types/components/BackLink/BackLink.d.ts +4 -0
- package/dist/types/components/BackLink/BackLink.types.d.ts +9 -0
- package/dist/types/components/BackLink/index.d.ts +1 -0
- package/dist/types/components/Boolean/Boolean.d.ts +4 -0
- package/dist/types/components/Boolean/Boolean.types.d.ts +39 -0
- package/dist/types/components/Boolean/OmitKey.d.ts +5 -0
- package/dist/types/components/Boolean/index.d.ts +1 -0
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +4 -0
- package/dist/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +13 -0
- package/dist/types/components/Breadcrumbs/index.d.ts +1 -0
- package/dist/types/components/Button/Button.config.d.ts +2 -0
- package/dist/types/components/Button/Button.d.ts +4 -0
- package/dist/types/components/Button/Button.types.d.ts +13 -0
- package/dist/types/components/Button/index.d.ts +2 -0
- package/dist/types/components/CardColumn/CardColumn.d.ts +5 -0
- package/dist/types/components/CardColumn/CardColumn.types.d.ts +5 -0
- package/dist/types/components/CardColumn/index.d.ts +1 -0
- package/dist/types/components/CardLayout/CardLayout.d.ts +4 -0
- package/dist/types/components/CardLayout/CardLayout.types.d.ts +5 -0
- package/dist/types/components/CardLayout/index.d.ts +1 -0
- package/dist/types/components/CharacterCount/CharacterCount.config.d.ts +2 -0
- package/dist/types/components/CharacterCount/CharacterCount.d.ts +4 -0
- package/dist/types/components/CharacterCount/CharacterCount.types.d.ts +12 -0
- package/dist/types/components/CharacterCount/index.d.ts +1 -0
- package/dist/types/components/Checkboxes/Checkboxes.config.d.ts +1 -0
- package/dist/types/components/Checkboxes/Checkboxes.d.ts +4 -0
- package/dist/types/components/Checkboxes/Checkboxes.types.d.ts +3 -0
- package/dist/types/components/Checkboxes/index.d.ts +2 -0
- package/dist/types/components/CookieBanner/CookieBanner.d.ts +4 -0
- package/dist/types/components/CookieBanner/CookieBanner.types.d.ts +21 -0
- package/dist/types/components/CookieBanner/index.d.ts +1 -0
- package/dist/types/components/DataNavigation/DataNavigation.d.ts +4 -0
- package/dist/types/components/DataNavigation/DataNavigation.types.d.ts +9 -0
- package/dist/types/components/DataNavigation/index.d.ts +1 -0
- package/dist/types/components/DateInput/DateInput.d.ts +4 -0
- package/dist/types/components/DateInput/DateInput.types.d.ts +29 -0
- package/dist/types/components/DateInput/index.d.ts +1 -0
- package/dist/types/components/Details/Details.d.ts +4 -0
- package/dist/types/components/Details/Details.types.d.ts +5 -0
- package/dist/types/components/Details/index.d.ts +1 -0
- package/dist/types/components/DifferenceNavigation/DifferenceNavigation.d.ts +4 -0
- package/dist/types/components/DifferenceNavigation/DifferenceNavigation.types.d.ts +7 -0
- package/dist/types/components/DifferenceNavigation/index.d.ts +1 -0
- package/dist/types/components/ErrorBoundary/ErrorBoundary.d.ts +9 -0
- package/dist/types/components/ErrorBoundary/ErrorBoundary.types.d.ts +11 -0
- package/dist/types/components/ErrorBoundary/index.d.ts +1 -0
- package/dist/types/components/ErrorMessage/ErrorMessage.d.ts +4 -0
- package/dist/types/components/ErrorMessage/ErrorMessage.types.d.ts +6 -0
- package/dist/types/components/ErrorMessage/index.d.ts +1 -0
- package/dist/types/components/ErrorSummary/ErrorSummary.config.d.ts +2 -0
- package/dist/types/components/ErrorSummary/ErrorSummary.d.ts +4 -0
- package/dist/types/components/ErrorSummary/ErrorSummary.types.d.ts +13 -0
- package/dist/types/components/ErrorSummary/index.d.ts +2 -0
- package/dist/types/components/Fieldset/Fieldset.d.ts +4 -0
- package/dist/types/components/Fieldset/Fieldset.types.d.ts +12 -0
- package/dist/types/components/Fieldset/index.d.ts +1 -0
- package/dist/types/components/FileUpload/FileUpload.d.ts +4 -0
- package/dist/types/components/FileUpload/FileUpload.types.d.ts +15 -0
- package/dist/types/components/FileUpload/index.d.ts +1 -0
- package/dist/types/components/Footer/Footer.d.ts +4 -0
- package/dist/types/components/Footer/Footer.types.d.ts +33 -0
- package/dist/types/components/Footer/index.d.ts +1 -0
- package/dist/types/components/Header/Header.config.d.ts +1 -0
- package/dist/types/components/Header/Header.d.ts +4 -0
- package/dist/types/components/Header/Header.types.d.ts +28 -0
- package/dist/types/components/Header/index.d.ts +2 -0
- package/dist/types/components/Hint/Hint.d.ts +4 -0
- package/dist/types/components/Hint/Hint.types.d.ts +4 -0
- package/dist/types/components/Hint/index.d.ts +1 -0
- package/dist/types/components/Input/Input.d.ts +4 -0
- package/dist/types/components/Input/Input.types.d.ts +22 -0
- package/dist/types/components/Input/index.d.ts +1 -0
- package/dist/types/components/InsetText/InsetText.d.ts +4 -0
- package/dist/types/components/InsetText/InsetText.types.d.ts +4 -0
- package/dist/types/components/InsetText/index.d.ts +1 -0
- package/dist/types/components/Label/Label.d.ts +4 -0
- package/dist/types/components/Label/Label.types.d.ts +6 -0
- package/dist/types/components/Label/index.d.ts +1 -0
- package/dist/types/components/Landing/Landing.d.ts +4 -0
- package/dist/types/components/Landing/Landing.types.d.ts +4 -0
- package/dist/types/components/Landing/index.d.ts +1 -0
- package/dist/types/components/LinkWithRef/LinkWithRef.d.ts +4 -0
- package/dist/types/components/LinkWithRef/LinkWithRef.types.d.ts +9 -0
- package/dist/types/components/LinkWithRef/index.d.ts +1 -0
- package/dist/types/components/Loading/Loading.d.ts +5 -0
- package/dist/types/components/Loading/Loading.types.d.ts +4 -0
- package/dist/types/components/Loading/index.d.ts +1 -0
- package/dist/types/components/Main/Main.d.ts +4 -0
- package/dist/types/components/Main/Main.types.d.ts +5 -0
- package/dist/types/components/Main/index.d.ts +1 -0
- package/dist/types/components/NotFoundPage/NotFoundPage.d.ts +3 -0
- package/dist/types/components/NotFoundPage/index.d.ts +1 -0
- package/dist/types/components/NotificationBanner/NotificationBanner.config.d.ts +2 -0
- package/dist/types/components/NotificationBanner/NotificationBanner.d.ts +4 -0
- package/dist/types/components/NotificationBanner/NotificationBanner.types.d.ts +12 -0
- package/dist/types/components/NotificationBanner/index.d.ts +1 -0
- package/dist/types/components/PDFViewer/ObjectToQueryString.d.ts +1 -0
- package/dist/types/components/PDFViewer/PDFViewer.d.ts +4 -0
- package/dist/types/components/PDFViewer/PDFViewer.types.d.ts +25 -0
- package/dist/types/components/PDFViewer/PDFViewerBackend.d.ts +2 -0
- package/dist/types/components/PDFViewer/ResolvePDFSource.d.ts +4 -0
- package/dist/types/components/PDFViewer/Slugify.d.ts +1 -0
- package/dist/types/components/PDFViewer/index.d.ts +2 -0
- package/dist/types/components/PDFViewer/testutilities/SampleBase64.d.ts +44 -0
- package/dist/types/components/PDFViewerCanvas/PDFViewerCanvas.d.ts +9 -0
- package/dist/types/components/PDFViewerCanvas/PDFViewerCanvas.types.d.ts +8 -0
- package/dist/types/components/PDFViewerCanvas/index.d.ts +1 -0
- package/dist/types/components/Pagination/NavigationButton.d.ts +3 -0
- package/dist/types/components/Pagination/Pagination.d.ts +4 -0
- package/dist/types/components/Pagination/Pagination.types.d.ts +22 -0
- package/dist/types/components/Pagination/SvgIcon.d.ts +3 -0
- package/dist/types/components/Pagination/UsePagination.d.ts +9 -0
- package/dist/types/components/Pagination/index.d.ts +1 -0
- package/dist/types/components/Panel/Panel.d.ts +4 -0
- package/dist/types/components/Panel/Panel.types.d.ts +7 -0
- package/dist/types/components/Panel/index.d.ts +1 -0
- package/dist/types/components/PhaseBanner/PhaseBanner.d.ts +4 -0
- package/dist/types/components/PhaseBanner/PhaseBanner.types.d.ts +6 -0
- package/dist/types/components/PhaseBanner/index.d.ts +1 -0
- package/dist/types/components/ProblemWithService/ProblemWithService.d.ts +4 -0
- package/dist/types/components/ProblemWithService/ProblemWithService.types.d.ts +7 -0
- package/dist/types/components/ProblemWithService/index.d.ts +1 -0
- package/dist/types/components/Radios/Radios.config.d.ts +1 -0
- package/dist/types/components/Radios/Radios.d.ts +4 -0
- package/dist/types/components/Radios/Radios.types.d.ts +7 -0
- package/dist/types/components/Radios/index.d.ts +2 -0
- package/dist/types/components/Select/Select.d.ts +4 -0
- package/dist/types/components/Select/Select.types.d.ts +21 -0
- package/dist/types/components/Select/index.d.ts +1 -0
- package/dist/types/components/ServiceNavigation/ServiceNavigation.d.ts +4 -0
- package/dist/types/components/ServiceNavigation/ServiceNavigation.types.d.ts +21 -0
- package/dist/types/components/ServiceNavigation/index.d.ts +1 -0
- package/dist/types/components/SkipLink/SkipLink.config.d.ts +1 -0
- package/dist/types/components/SkipLink/SkipLink.d.ts +4 -0
- package/dist/types/components/SkipLink/SkipLink.types.d.ts +5 -0
- package/dist/types/components/SkipLink/index.d.ts +2 -0
- package/dist/types/components/SummaryList/SummaryList.d.ts +4 -0
- package/dist/types/components/SummaryList/SummaryList.types.d.ts +22 -0
- package/dist/types/components/SummaryList/index.d.ts +1 -0
- package/dist/types/components/Table/Table.d.ts +4 -0
- package/dist/types/components/Table/Table.types.d.ts +21 -0
- package/dist/types/components/Table/index.d.ts +1 -0
- package/dist/types/components/Tabs/Tabs.config.d.ts +1 -0
- package/dist/types/components/Tabs/Tabs.d.ts +4 -0
- package/dist/types/components/Tabs/Tabs.types.d.ts +14 -0
- package/dist/types/components/Tabs/index.d.ts +2 -0
- package/dist/types/components/Tag/Tag.d.ts +4 -0
- package/dist/types/components/Tag/Tag.types.d.ts +4 -0
- package/dist/types/components/Tag/index.d.ts +1 -0
- package/dist/types/components/TaskList/TaskList.d.ts +4 -0
- package/dist/types/components/TaskList/TaskList.types.d.ts +21 -0
- package/dist/types/components/TaskList/index.d.ts +1 -0
- package/dist/types/components/Textarea/Textarea.d.ts +4 -0
- package/dist/types/components/Textarea/Textarea.types.d.ts +14 -0
- package/dist/types/components/Textarea/index.d.ts +1 -0
- package/dist/types/components/WarningInfo/WarningInfo.d.ts +4 -0
- package/dist/types/components/WarningInfo/WarningInfo.types.d.ts +8 -0
- package/dist/types/components/WarningInfo/index.d.ts +1 -0
- package/dist/types/components/WarningText/WarningText.d.ts +4 -0
- package/dist/types/components/WarningText/WarningText.types.d.ts +4 -0
- package/dist/types/components/WarningText/index.d.ts +1 -0
- package/dist/types/components/index.d.ts +49 -0
- package/dist/types/dynamics/index.d.ts +3 -0
- package/dist/types/dynamics/types.d.ts +37 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/utils/ProcessExampleData.d.ts +3 -0
- package/dist/types/utils/StoriesFromFixtures.d.ts +5 -0
- package/dist/types/utils/TitleCase.d.ts +2 -0
- package/dist/types/utils/WithReference.d.ts +5 -0
- package/dist/types/utils/WithReference.types.d.ts +10 -0
- 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
|
+
}
|