visualifyjs 2.5.3 → 3.0.0
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/.claude/mem/TIMELINE.md +36 -0
- package/.claude/mem/notes/2026-02-11-3d-visualization-docs-fix-external-script-solution.md +24 -0
- package/.claude/mem/notes/2026-02-11-3d-visualization-docs-fix-session-summary.md +43 -0
- package/.claude/mem/notes/2026-02-11-cli-fix-editor-command-alias.md +26 -0
- package/.claude/mem/notes/2026-02-11-phase-3-developer-experience-completed.md +51 -0
- package/.claude/mem/notes/2026-02-11-phase-4-web-workers-implementation-complete.md +59 -0
- package/.claude/mem/notes/2026-02-11-visualify-phase-2-3d-visualization-complete.md +50 -0
- package/.claude/mem/notes/2026-02-11-visualify-phase-2-committed-ready-for-phase-3.md +33 -0
- package/.claude/mem/notes/2026-02-11-visualify-phase-3-complete-developer-experience.md +52 -0
- package/.claude/mem/notes/2026-02-11-visualify-repository-cleanup-complete.md +28 -0
- package/.claude/mem/notes/2026-02-18-codebase-cleanup-docsify-plugin-documentation.md +37 -0
- package/.claude/mem/notes/2026-02-19-css-grid-layout-fix-displaycontents-on-vcontroller.md +18 -0
- package/.claude/mem/notes/2026-02-19-docsify-plugin-fixes-latex-and-visualify-code-bloc.md +26 -0
- package/.claude/mem/notes/2026-02-19-page-mode-docs-update-decisions.md +23 -0
- package/.claude/mem/notes/2026-02-19-react-context-infinite-re-render-loop-fix-pattern.md +31 -0
- package/.claude/mem/notes/2026-02-19-version-300-bump-and-build-fixes.md +32 -0
- package/.claude/mem/notes/2026-02-19-visualify-build-deployment-architecture-bug-fixes.md +25 -0
- package/.claude/mem/notes/2026-02-19-visualify-dist-iife-self-contained-build-config.md +30 -0
- package/.claude/mem/notes/2026-02-19-visualify-infinite-loop-i18n-fixes.md +31 -0
- package/.claude/mem/notes/2026-02-19-visualify-v3-bundle-splitting-docs-restructuring.md +32 -0
- package/.claude/mem/notes/2026-02-20-bundle-externalization-final-architecture.md +29 -0
- package/.claude/mem/notes/2026-02-20-chromium-page-fix-unstable-keys-and-double-event-b.md +27 -0
- package/.claude/mem/notes/2026-02-20-console-cleanup-bundle-optimization-commit.md +20 -0
- package/.claude/mem/notes/2026-02-20-dotbio-dot-plot-fix-useeffect-dependency.md +21 -0
- package/.claude/mem/notes/2026-02-20-public-folder-cleanup-and-readme-rewrite.md +25 -0
- package/.claude/mem/notes/2026-02-20-v300-release-and-beta-channel-strategy.md +29 -0
- package/.claude/mem/notes/2026-02-20-visium-background-image-unknown-legend-fix.md +19 -0
- package/.claude/mem/notes/2026-02-20-visualify-cdn-loader-bundle-externalization.md +34 -0
- package/.claude/mem/sessions/session-2026-02-20-031524.md +54 -0
- package/.claude/settings.local.json +21 -0
- package/.github/workflows/static.yml.bak +51 -51
- package/.sisyphus/boulder.json +65 -0
- package/.sisyphus/plans/phase-4-advanced-optimizations.md +217 -0
- package/LICENSE +674 -674
- package/README.md +94 -59
- package/config-overrides.js +31 -31
- package/dist/stats.html +4949 -0
- package/dist/visualify-3d.esm.js +1 -0
- package/dist/visualify-3d.js +1 -0
- package/dist/visualify-core.esm.js +1 -0
- package/dist/visualify-core.js +1 -0
- package/dist/visualify-docs.esm.js +1 -0
- package/dist/visualify-docs.js +1 -0
- package/dist/visualify-loader.js +1 -0
- package/dist/visualify-pages.esm.js +1 -0
- package/dist/visualify-pages.js +1 -0
- package/dist/visualify-portal.esm.js +1 -0
- package/dist/visualify-portal.js +1 -0
- package/dist/visualify-shared.js +26571 -0
- package/dist/visualify.js +1 -188
- package/docs/CHANGELOG.md +148 -0
- package/docs/cli/commands.md +513 -0
- package/docs/configuration/visualify-json.md +474 -0
- package/docs/docs/3d-visualization.md +374 -0
- package/docs/docs/CLI.md +303 -34
- package/docs/docs/README.md +65 -65
- package/docs/docs/Rechart/bar.md +190 -190
- package/docs/docs/Rechart/funnel.md +241 -193
- package/docs/docs/Rechart/line.md +355 -355
- package/docs/docs/Rechart/pie.md +225 -225
- package/docs/docs/Rechart/radar.md +253 -253
- package/docs/docs/Rechart/scatter.md +298 -0
- package/docs/docs/_404.md +51 -51
- package/docs/docs/_coverpage.md +11 -11
- package/docs/docs/_sidebar.md +54 -43
- package/docs/docs/components/dotBio.md +87 -34
- package/docs/docs/components/echart.md +171 -82
- package/docs/docs/components/html.md +61 -34
- package/docs/docs/components/macaron.md +156 -145
- package/docs/docs/components/markdown.md +42 -0
- package/docs/docs/components/more.md +183 -142
- package/docs/docs/components/plotly.md +132 -62
- package/docs/docs/components/scatterL.md +171 -70
- package/docs/docs/components/visium.md +112 -57
- package/docs/docs/configuration.md +121 -123
- package/docs/docs/deploy.md +31 -31
- package/docs/docs/docsify-plugin.md +655 -0
- package/docs/docs/hmr.md +165 -0
- package/docs/docs/i18n.md +332 -0
- package/docs/docs/log.md +30 -1
- package/docs/docs/more-pages.md +23 -23
- package/docs/docs/quickstart.md +148 -119
- package/docs/docs/rechart-attributes.md +74 -74
- package/docs/docs/rechart-basic-usage.md +160 -162
- package/docs/docs/theme.md +5 -5
- package/docs/docs/typescript.md +306 -0
- package/docs/docs/visual-editor.md +359 -0
- package/docs/index.html +85 -71
- package/docs/manifest.json +23 -23
- package/docs/migration/v3-migration.md +392 -0
- package/docs/static/css/fluff-stuff.css +169 -169
- package/docs/static/css/font-awesome.min.css +4 -4
- package/docs/static/css/visualify.css +6 -25
- package/docs/static/js/3d-viz-examples.js +181 -0
- package/docs/static/js/configuration.js +630 -448
- package/docs/static/js/visualify.js +1 -188
- package/package.json +106 -84
- package/rollup.config.mjs +766 -76
- package/src/_css/404.css +115 -115
- package/src/_css/App.css +37 -37
- package/src/_css/autoSuggestion.css +26 -26
- package/src/_css/circular-progress.css +32 -32
- package/src/_css/index.css +36 -36
- package/src/_css/modern.css +350 -25
- package/src/_media/corner.svg +8 -8
- package/src/_media/download.svg +3 -3
- package/src/_media/logo.svg +14 -14
- package/src/_test/App.test.js +15 -15
- package/src/_utils/reportWebVitals.js +13 -13
- package/src/a11y/README.md +177 -0
- package/src/a11y/aria-labels.js +339 -0
- package/src/a11y/color-contrast.js +535 -0
- package/src/a11y/index.js +197 -0
- package/src/a11y/keyboard-nav.js +523 -0
- package/src/a11y/styles.css +165 -0
- package/src/cli/commands/dev.js +214 -0
- package/src/cli/commands/docs.js +521 -0
- package/src/cli/commands/edit.js +379 -0
- package/src/cli/commands/init.js +213 -0
- package/src/cli/commands/portal.js +236 -0
- package/src/cli/dev-server.js +530 -0
- package/src/cli/hmr.js +456 -0
- package/src/cli/index.js +180 -0
- package/src/cli/utils/config.js +207 -0
- package/src/cli/utils/logger.js +241 -0
- package/src/config/defaults.ts +122 -0
- package/src/config/index.ts +72 -0
- package/src/config/loader.ts +478 -0
- package/src/config/schema.ts +227 -0
- package/src/config/validator.ts +337 -0
- package/src/core/appContext.js +34 -27
- package/src/core/components/Bar.js +383 -0
- package/src/core/components/Bar3D.js +473 -0
- package/src/core/components/LargeDatasetChart.js +296 -0
- package/src/core/components/Line3D.js +310 -0
- package/src/core/components/Scatter.js +392 -188
- package/src/core/components/Scatter3D.js +455 -0
- package/src/core/components/ScatterBio.js +601 -572
- package/src/core/components/Surface3D.js +326 -0
- package/src/core/components/ThreeCustom.js +648 -0
- package/src/core/components/ThreeScene.js +459 -0
- package/src/core/components/VisiumPlot.js +191 -165
- package/src/core/components/browser.js +42 -42
- package/src/core/components/dotplot.js +413 -413
- package/src/core/components/html.js +29 -29
- package/src/core/components/list.js +178 -178
- package/src/core/components/macaron.js +206 -201
- package/src/core/components/markdown.js +56 -56
- package/src/core/components/parser.scatterBio.js +582 -579
- package/src/core/components/ratio.js +82 -80
- package/src/core/components/scatterL.js +206 -173
- package/src/core/components/searchbar.js +156 -131
- package/src/core/components/selection.js +310 -193
- package/src/core/components/timeline.js +236 -281
- package/src/core/components/visium.js +114 -97
- package/src/core/data-processor.js +413 -0
- package/src/core/fetch/condfetch.js +82 -82
- package/src/core/fetch/fetch.js +92 -92
- package/src/core/fetch/json.js +29 -29
- package/src/core/fetch/vfetch.js +42 -42
- package/src/core/hmr-client.js +724 -0
- package/src/core/liveEditor.js +44 -44
- package/src/core/modules/codeEditorWithPreview.js +104 -104
- package/src/core/modules/echarts/common.js +20 -20
- package/src/core/modules/echarts/gl.js +228 -0
- package/src/core/modules/echarts/presetHandler.js +41 -41
- package/src/core/modules/echarts/presets/esodev.chromium.js +172 -172
- package/src/core/modules/echarts/presets/esodev.codex.js +130 -130
- package/src/core/modules/echarts/presets/esodev.visium.js +123 -123
- package/src/core/modules/echarts/presets/mmtrbc.js +186 -186
- package/src/core/modules/echarts.js +70 -71
- package/src/core/modules/echartsUtils.js +43 -43
- package/src/core/modules/echartswitcher.js +227 -152
- package/src/core/modules/replotly/presetHandler.js +24 -24
- package/src/core/modules/replotly/presets/minimum.js +18 -18
- package/src/core/modules/replotly/presets/mmtrbc.dot.js +114 -114
- package/src/core/modules/replotly/presets/mmtrbc.violin.js +100 -100
- package/src/core/modules/replotly.js +74 -71
- package/src/core/modules/threejs/Camera.js +373 -0
- package/src/core/modules/threejs/Lighting.js +459 -0
- package/src/core/modules/threejs/Renderer.js +364 -0
- package/src/core/modules/threejs/Scene.js +266 -0
- package/src/core/modules/threejs/index.js +155 -0
- package/src/core/pages/404.js +50 -50
- package/src/core/pages/error.js +27 -27
- package/src/core/pages/jsonPage.js +62 -62
- package/src/core/pages/loading.js +44 -44
- package/src/core/parser/echart.data.js +204 -183
- package/src/core/parser/echart.features.js +125 -125
- package/src/core/parser/echart.general.js +147 -143
- package/src/core/parser/echart.hilbert.js +57 -57
- package/src/core/parser/echart.parser.js +210 -210
- package/src/core/parser/echart.series.js +67 -67
- package/src/core/parser/echart.types.js +76 -76
- package/src/core/parser/plotly.config.js +10 -10
- package/src/core/parser/plotly.data.js +132 -132
- package/src/core/parser/plotly.layout.js +9 -9
- package/src/core/parser/plotly.violin.js +18 -18
- package/src/core/recharts.js +361 -62
- package/src/core/router/alias.js +49 -49
- package/src/core/router/jsonRouter.js +31 -31
- package/src/core/themes/modern.js +32 -32
- package/src/core/themes/themeSelector.js +33 -33
- package/src/core/visualify.js +213 -47
- package/src/core/widgets/circularProgress.js +23 -23
- package/src/core/widgets/controller.js +116 -83
- package/src/core/widgets/errorBoundary.js +36 -36
- package/src/core/widgets/footer.js +185 -177
- package/src/core/widgets/header.js +238 -234
- package/src/core/widgets/layout/Grid.js +31 -31
- package/src/core/widgets/layout.js +36 -36
- package/src/core/widgets/mapping.js +56 -42
- package/src/core/workers/data-worker.js +349 -0
- package/src/core/workers/worker-pool.js +396 -0
- package/src/docsify/bundle.js +215 -0
- package/src/docsify/markdown.js +271 -0
- package/src/docsify/plugin.js +268 -0
- package/src/editor/README.md +172 -0
- package/src/editor/components/ChartBuilder.jsx +341 -0
- package/src/editor/components/ChartTypeSidebar.jsx +91 -0
- package/src/editor/components/Editor.jsx +367 -0
- package/src/editor/components/Preview.jsx +446 -0
- package/src/editor/components/PropertyPanel.jsx +468 -0
- package/src/editor/components/StatusBar.jsx +85 -0
- package/src/editor/context/EditorContext.js +248 -0
- package/src/editor/hooks/useDebounce.js +32 -0
- package/src/editor/index.js +315 -0
- package/src/editor/styles/editor.css +637 -0
- package/src/editor/utils/chartValidator.js +263 -0
- package/src/entries/charts3d.js +70 -0
- package/src/entries/core.js +78 -0
- package/src/entries/docs.js +154 -0
- package/src/entries/pages.js +93 -0
- package/src/entries/portal.js +204 -0
- package/src/entries/shared.js +50 -0
- package/src/i18n/formatters.js +455 -0
- package/src/i18n/index.js +169 -0
- package/src/i18n/locales/ar.json +137 -0
- package/src/i18n/locales/de.json +137 -0
- package/src/i18n/locales/en.json +137 -0
- package/src/i18n/locales/es.json +137 -0
- package/src/i18n/locales/he.json +137 -0
- package/src/i18n/locales/zh.json +137 -0
- package/src/i18n/rtl.css +183 -0
- package/src/index.js +82 -62
- package/src/loader.js +103 -0
- package/src/setupTests.js +5 -5
- package/tsconfig.json +51 -0
- package/types/charts.d.ts +569 -0
- package/types/components.d.ts +441 -0
- package/types/config.d.ts +199 -0
- package/types/index.d.ts +353 -0
package/src/_css/404.css
CHANGED
|
@@ -1,116 +1,116 @@
|
|
|
1
|
-
* {
|
|
2
|
-
-webkit-box-sizing: border-box;
|
|
3
|
-
box-sizing: border-box;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
body.colorlib-body {
|
|
7
|
-
padding: 0;
|
|
8
|
-
margin: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
#colorlib-notfound {
|
|
12
|
-
min-height: 60vh;
|
|
13
|
-
/* Ensures that the container takes at least the full viewport height */
|
|
14
|
-
position: relative;
|
|
15
|
-
display: flex;
|
|
16
|
-
flex-direction: column;
|
|
17
|
-
/* Stack children vertically */
|
|
18
|
-
justify-content: center;
|
|
19
|
-
/* Center children vertically */
|
|
20
|
-
align-items: center;
|
|
21
|
-
/* Center children horizontally */
|
|
22
|
-
padding: 3rem 1rem;
|
|
23
|
-
/* Add some padding around */
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.colorlib-notfound {
|
|
27
|
-
max-width: 767px;
|
|
28
|
-
width: -moz-fit-content;
|
|
29
|
-
width: fit-content;
|
|
30
|
-
line-height: 1.4;
|
|
31
|
-
padding: 0 15px;
|
|
32
|
-
text-align: center;
|
|
33
|
-
/* Center the text */
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.colorlib-notfound .colorlib-notfound-404 {
|
|
37
|
-
position: relative;
|
|
38
|
-
height: 150px;
|
|
39
|
-
line-height: 150px;
|
|
40
|
-
margin-bottom: 25px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.colorlib-notfound .colorlib-notfound-404 h1 {
|
|
44
|
-
font-family: 'Titillium Web', sans-serif;
|
|
45
|
-
font-size: 186px;
|
|
46
|
-
font-weight: 900;
|
|
47
|
-
margin: 0;
|
|
48
|
-
text-transform: uppercase;
|
|
49
|
-
background: url('../_media/404.png') no-repeat center;
|
|
50
|
-
-webkit-background-clip: text;
|
|
51
|
-
background-clip: text;
|
|
52
|
-
-webkit-text-fill-color: transparent;
|
|
53
|
-
background-size: cover;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.colorlib-notfound h2 {
|
|
57
|
-
font-family: 'Titillium Web', sans-serif;
|
|
58
|
-
font-size: 26px;
|
|
59
|
-
font-weight: 700;
|
|
60
|
-
margin: 0;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.colorlib-notfound p {
|
|
64
|
-
font-family: 'Montserrat', sans-serif;
|
|
65
|
-
font-size: 14px;
|
|
66
|
-
font-weight: 500;
|
|
67
|
-
margin-bottom: 0;
|
|
68
|
-
text-transform: uppercase;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.colorlib-notfound a {
|
|
72
|
-
font-family: 'Titillium Web', sans-serif;
|
|
73
|
-
display: inline-block;
|
|
74
|
-
text-transform: uppercase;
|
|
75
|
-
color: #fff;
|
|
76
|
-
text-decoration: none;
|
|
77
|
-
background: #5c91fe;
|
|
78
|
-
padding: 10px 40px;
|
|
79
|
-
font-size: 14px;
|
|
80
|
-
font-weight: 700;
|
|
81
|
-
border-radius: 1px;
|
|
82
|
-
margin-top: 15px;
|
|
83
|
-
-webkit-transition: 0.2s all;
|
|
84
|
-
transition: 0.2s all;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.colorlib-notfound a:hover {
|
|
88
|
-
opacity: 0.8;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.colorlib-copyrigh {
|
|
92
|
-
font-size: 0.8rem;
|
|
93
|
-
text-align: center;
|
|
94
|
-
margin-top: 20px;
|
|
95
|
-
width: 100%;
|
|
96
|
-
position: absolute;
|
|
97
|
-
/* Make it break out of the flexbox */
|
|
98
|
-
bottom: 10px;
|
|
99
|
-
/* Position it at the bottom of the page */
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@media only screen and (max-width: 767px) {
|
|
103
|
-
.colorlib-notfound .colorlib-notfound-404 {
|
|
104
|
-
height: 110px;
|
|
105
|
-
line-height: 110px;
|
|
106
|
-
}
|
|
107
|
-
.colorlib-notfound .colorlib-notfound-404 h1 {
|
|
108
|
-
font-size: 120px;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
@media only screen and (max-height: 600px) {
|
|
113
|
-
#colorlib-notfound {
|
|
114
|
-
min-height: 100vh;
|
|
115
|
-
}
|
|
1
|
+
* {
|
|
2
|
+
-webkit-box-sizing: border-box;
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
body.colorlib-body {
|
|
7
|
+
padding: 0;
|
|
8
|
+
margin: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
#colorlib-notfound {
|
|
12
|
+
min-height: 60vh;
|
|
13
|
+
/* Ensures that the container takes at least the full viewport height */
|
|
14
|
+
position: relative;
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
/* Stack children vertically */
|
|
18
|
+
justify-content: center;
|
|
19
|
+
/* Center children vertically */
|
|
20
|
+
align-items: center;
|
|
21
|
+
/* Center children horizontally */
|
|
22
|
+
padding: 3rem 1rem;
|
|
23
|
+
/* Add some padding around */
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.colorlib-notfound {
|
|
27
|
+
max-width: 767px;
|
|
28
|
+
width: -moz-fit-content;
|
|
29
|
+
width: fit-content;
|
|
30
|
+
line-height: 1.4;
|
|
31
|
+
padding: 0 15px;
|
|
32
|
+
text-align: center;
|
|
33
|
+
/* Center the text */
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.colorlib-notfound .colorlib-notfound-404 {
|
|
37
|
+
position: relative;
|
|
38
|
+
height: 150px;
|
|
39
|
+
line-height: 150px;
|
|
40
|
+
margin-bottom: 25px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.colorlib-notfound .colorlib-notfound-404 h1 {
|
|
44
|
+
font-family: 'Titillium Web', sans-serif;
|
|
45
|
+
font-size: 186px;
|
|
46
|
+
font-weight: 900;
|
|
47
|
+
margin: 0;
|
|
48
|
+
text-transform: uppercase;
|
|
49
|
+
background: url('../_media/404.png') no-repeat center;
|
|
50
|
+
-webkit-background-clip: text;
|
|
51
|
+
background-clip: text;
|
|
52
|
+
-webkit-text-fill-color: transparent;
|
|
53
|
+
background-size: cover;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.colorlib-notfound h2 {
|
|
57
|
+
font-family: 'Titillium Web', sans-serif;
|
|
58
|
+
font-size: 26px;
|
|
59
|
+
font-weight: 700;
|
|
60
|
+
margin: 0;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.colorlib-notfound p {
|
|
64
|
+
font-family: 'Montserrat', sans-serif;
|
|
65
|
+
font-size: 14px;
|
|
66
|
+
font-weight: 500;
|
|
67
|
+
margin-bottom: 0;
|
|
68
|
+
text-transform: uppercase;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.colorlib-notfound a {
|
|
72
|
+
font-family: 'Titillium Web', sans-serif;
|
|
73
|
+
display: inline-block;
|
|
74
|
+
text-transform: uppercase;
|
|
75
|
+
color: #fff;
|
|
76
|
+
text-decoration: none;
|
|
77
|
+
background: #5c91fe;
|
|
78
|
+
padding: 10px 40px;
|
|
79
|
+
font-size: 14px;
|
|
80
|
+
font-weight: 700;
|
|
81
|
+
border-radius: 1px;
|
|
82
|
+
margin-top: 15px;
|
|
83
|
+
-webkit-transition: 0.2s all;
|
|
84
|
+
transition: 0.2s all;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.colorlib-notfound a:hover {
|
|
88
|
+
opacity: 0.8;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.colorlib-copyrigh {
|
|
92
|
+
font-size: 0.8rem;
|
|
93
|
+
text-align: center;
|
|
94
|
+
margin-top: 20px;
|
|
95
|
+
width: 100%;
|
|
96
|
+
position: absolute;
|
|
97
|
+
/* Make it break out of the flexbox */
|
|
98
|
+
bottom: 10px;
|
|
99
|
+
/* Position it at the bottom of the page */
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@media only screen and (max-width: 767px) {
|
|
103
|
+
.colorlib-notfound .colorlib-notfound-404 {
|
|
104
|
+
height: 110px;
|
|
105
|
+
line-height: 110px;
|
|
106
|
+
}
|
|
107
|
+
.colorlib-notfound .colorlib-notfound-404 h1 {
|
|
108
|
+
font-size: 120px;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
@media only screen and (max-height: 600px) {
|
|
113
|
+
#colorlib-notfound {
|
|
114
|
+
min-height: 100vh;
|
|
115
|
+
}
|
|
116
116
|
}
|
package/src/_css/App.css
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
.App {
|
|
2
|
-
text-align: center;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.App-logo {
|
|
6
|
-
height: 20vmin;
|
|
7
|
-
pointer-events: none;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
11
|
-
.App-logo {
|
|
12
|
-
animation: App-logo-spin infinite 20s linear;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.App-header {
|
|
17
|
-
background-color: #282c34;
|
|
18
|
-
min-height: 10vh;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
align-items: center;
|
|
22
|
-
justify-content: center;
|
|
23
|
-
font-size: calc(10px + 2vmin);
|
|
24
|
-
color: white;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.App-link {
|
|
28
|
-
color: #61dafb;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@keyframes App-logo-spin {
|
|
32
|
-
from {
|
|
33
|
-
transform: rotate(0deg);
|
|
34
|
-
}
|
|
35
|
-
to {
|
|
36
|
-
transform: rotate(360deg);
|
|
37
|
-
}
|
|
1
|
+
.App {
|
|
2
|
+
text-align: center;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.App-logo {
|
|
6
|
+
height: 20vmin;
|
|
7
|
+
pointer-events: none;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
11
|
+
.App-logo {
|
|
12
|
+
animation: App-logo-spin infinite 20s linear;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.App-header {
|
|
17
|
+
background-color: #282c34;
|
|
18
|
+
min-height: 10vh;
|
|
19
|
+
display: flex;
|
|
20
|
+
flex-direction: column;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: center;
|
|
23
|
+
font-size: calc(10px + 2vmin);
|
|
24
|
+
color: white;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.App-link {
|
|
28
|
+
color: #61dafb;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@keyframes App-logo-spin {
|
|
32
|
+
from {
|
|
33
|
+
transform: rotate(0deg);
|
|
34
|
+
}
|
|
35
|
+
to {
|
|
36
|
+
transform: rotate(360deg);
|
|
37
|
+
}
|
|
38
38
|
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
.autosuggestion {
|
|
2
|
-
position: relative;
|
|
3
|
-
margin: 1rem;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.suggestion-list {
|
|
7
|
-
position: relative;
|
|
8
|
-
list-style-type: none;
|
|
9
|
-
margin: 0;
|
|
10
|
-
padding: 0;
|
|
11
|
-
background-color: white;
|
|
12
|
-
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
13
|
-
max-width: 100%;
|
|
14
|
-
overflow: auto;
|
|
15
|
-
z-index: 1000;
|
|
16
|
-
border-radius: 4px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.suggestion-item {
|
|
20
|
-
padding: 8px 16px;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
text-align: center;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.suggestion-item:hover {
|
|
26
|
-
background-color: #f0f0f0;
|
|
1
|
+
.autosuggestion {
|
|
2
|
+
position: relative;
|
|
3
|
+
margin: 1rem;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.suggestion-list {
|
|
7
|
+
position: relative;
|
|
8
|
+
list-style-type: none;
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
background-color: white;
|
|
12
|
+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
13
|
+
max-width: 100%;
|
|
14
|
+
overflow: auto;
|
|
15
|
+
z-index: 1000;
|
|
16
|
+
border-radius: 4px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.suggestion-item {
|
|
20
|
+
padding: 8px 16px;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
text-align: center;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.suggestion-item:hover {
|
|
26
|
+
background-color: #f0f0f0;
|
|
27
27
|
}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
.circular-progress {
|
|
2
|
-
display: flex;
|
|
3
|
-
justify-content: center;
|
|
4
|
-
align-items: center;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.spinner {
|
|
8
|
-
width: 30px;
|
|
9
|
-
height: 30px;
|
|
10
|
-
border: 4px solid rgba(0, 0, 0, 0.1);
|
|
11
|
-
border-left-color: #333;
|
|
12
|
-
border-radius: 50%;
|
|
13
|
-
animation: spin 1s linear infinite;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.spinner.primary {
|
|
17
|
-
border-left-color: #1976d2;
|
|
18
|
-
/* Change color as needed */
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.spinner.secondary {
|
|
22
|
-
border-left-color: #f50057;
|
|
23
|
-
/* Change color as needed */
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@keyframes spin {
|
|
27
|
-
0% {
|
|
28
|
-
transform: rotate(0deg);
|
|
29
|
-
}
|
|
30
|
-
100% {
|
|
31
|
-
transform: rotate(360deg);
|
|
32
|
-
}
|
|
1
|
+
.circular-progress {
|
|
2
|
+
display: flex;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.spinner {
|
|
8
|
+
width: 30px;
|
|
9
|
+
height: 30px;
|
|
10
|
+
border: 4px solid rgba(0, 0, 0, 0.1);
|
|
11
|
+
border-left-color: #333;
|
|
12
|
+
border-radius: 50%;
|
|
13
|
+
animation: spin 1s linear infinite;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.spinner.primary {
|
|
17
|
+
border-left-color: #1976d2;
|
|
18
|
+
/* Change color as needed */
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.spinner.secondary {
|
|
22
|
+
border-left-color: #f50057;
|
|
23
|
+
/* Change color as needed */
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@keyframes spin {
|
|
27
|
+
0% {
|
|
28
|
+
transform: rotate(0deg);
|
|
29
|
+
}
|
|
30
|
+
100% {
|
|
31
|
+
transform: rotate(360deg);
|
|
32
|
+
}
|
|
33
33
|
}
|
package/src/_css/index.css
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
body {
|
|
2
|
-
margin: 0;
|
|
3
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
4
|
-
-webkit-font-smoothing: antialiased;
|
|
5
|
-
-moz-osx-font-smoothing: grayscale;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
code {
|
|
9
|
-
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.reference-list {
|
|
13
|
-
padding: 0;
|
|
14
|
-
margin-top: 1rem;
|
|
15
|
-
margin-bottom: 1rem;
|
|
16
|
-
border-radius: 0.25rem;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.reference-item.none {
|
|
20
|
-
list-style-type: none;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.reference-item.circle {
|
|
24
|
-
list-style-type: circle;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.reference-item.disc {
|
|
28
|
-
list-style-type: disc;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.reference-item.square {
|
|
32
|
-
list-style-type: square;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.no-border-radius {
|
|
36
|
-
border-radius: 0 !important;
|
|
1
|
+
body {
|
|
2
|
+
margin: 0;
|
|
3
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
4
|
+
-webkit-font-smoothing: antialiased;
|
|
5
|
+
-moz-osx-font-smoothing: grayscale;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
code {
|
|
9
|
+
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.reference-list {
|
|
13
|
+
padding: 0;
|
|
14
|
+
margin-top: 1rem;
|
|
15
|
+
margin-bottom: 1rem;
|
|
16
|
+
border-radius: 0.25rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.reference-item.none {
|
|
20
|
+
list-style-type: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.reference-item.circle {
|
|
24
|
+
list-style-type: circle;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.reference-item.disc {
|
|
28
|
+
list-style-type: disc;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.reference-item.square {
|
|
32
|
+
list-style-type: square;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.no-border-radius {
|
|
36
|
+
border-radius: 0 !important;
|
|
37
37
|
}
|