@teselagen/ui 0.7.32 → 0.7.33-beta.2

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 (254) hide show
  1. package/AdvancedOptions.js +33 -0
  2. package/AssignDefaultsModeContext.js +22 -0
  3. package/DataTable/utils/filterLocalEntitiesToHasura.d.ts +5 -0
  4. package/DataTable/utils/initializeHasuraWhereAndFilter.d.ts +2 -0
  5. package/DataTable/utils/queryParams.d.ts +8 -12
  6. package/DataTable/utils/simplifyHasuraWhere.d.ts +1 -0
  7. package/DataTable/utils/tableQueryParamsToHasuraClauses.d.ts +14 -0
  8. package/DropdownButton.js +36 -0
  9. package/FillWindow.css +6 -0
  10. package/FillWindow.js +69 -0
  11. package/{src/DataTable/FilterAndSortMenu.js → FilterAndSortMenu.js} +27 -30
  12. package/MatchHeaders.js +234 -0
  13. package/SimpleStepViz.js +22 -0
  14. package/Tag.js +112 -0
  15. package/UploadCsvWizard.css +4 -0
  16. package/UploadCsvWizard.js +719 -0
  17. package/autoTooltip.js +201 -0
  18. package/constants.js +1 -0
  19. package/customIcons.js +361 -0
  20. package/filterLocalEntitiesToHasura.js +216 -0
  21. package/index.cjs.js +695 -967
  22. package/index.d.ts +1 -0
  23. package/index.es.js +695 -967
  24. package/initializeHasuraWhereAndFilter.js +27 -0
  25. package/{src/utils/isBeingCalledExcessively.js → isBeingCalledExcessively.js} +0 -1
  26. package/package.json +1 -1
  27. package/queryParams.js +336 -0
  28. package/rerenderOnWindowResize.js +26 -0
  29. package/showAppSpinner.js +12 -0
  30. package/showDialogOnDocBody.js +33 -0
  31. package/simplifyHasuraWhere.js +80 -0
  32. package/src/CellDragHandle.js +132 -0
  33. package/src/ColumnFilterMenu.js +62 -0
  34. package/src/Columns.js +979 -0
  35. package/src/DisabledLoadingComponent.js +15 -0
  36. package/src/DisplayOptions.js +199 -0
  37. package/src/DropdownCell.js +61 -0
  38. package/src/EditableCell.js +44 -0
  39. package/src/FilterAndSortMenu.js +388 -0
  40. package/src/FormSeparator.js +9 -0
  41. package/src/LoadingDots.js +14 -0
  42. package/src/PagingTool.js +225 -0
  43. package/src/RenderCell.js +191 -0
  44. package/src/SearchBar.js +69 -0
  45. package/src/SortableColumns.js +100 -0
  46. package/src/TableFormTrackerContext.js +10 -0
  47. package/src/ThComponent.js +44 -0
  48. package/src/TimelineEvent.js +31 -0
  49. package/src/Uploader.js +1278 -0
  50. package/src/adHoc.js +10 -0
  51. package/src/basicHandleActionsWithFullState.js +14 -0
  52. package/src/browserUtils.js +3 -0
  53. package/src/combineReducersWithFullState.js +14 -0
  54. package/src/commandControls.js +82 -0
  55. package/src/commandUtils.js +112 -0
  56. package/src/convertSchema.js +69 -0
  57. package/src/dataTableEnhancer.js +41 -0
  58. package/src/defaultFormatters.js +32 -0
  59. package/src/defaultValidators.js +40 -0
  60. package/src/determineBlackOrWhiteTextColor.js +4 -0
  61. package/src/editCellHelper.js +44 -0
  62. package/src/filterLocalEntitiesToHasura.js +216 -0
  63. package/src/formatPasteData.js +16 -0
  64. package/src/getAllRows.js +11 -0
  65. package/src/getCellCopyText.js +7 -0
  66. package/src/getCellInfo.js +36 -0
  67. package/src/getCellVal.js +20 -0
  68. package/src/getDayjsFormatter.js +35 -0
  69. package/src/getFieldPathToField.js +7 -0
  70. package/src/getIdOrCodeOrIndex.js +9 -0
  71. package/src/getLastSelectedEntity.js +11 -0
  72. package/src/getNewEntToSelect.js +25 -0
  73. package/src/getNewName.js +31 -0
  74. package/src/getRowCopyText.js +28 -0
  75. package/src/getTableConfigFromStorage.js +5 -0
  76. package/src/getTextFromEl.js +28 -0
  77. package/src/getVals.js +8 -0
  78. package/src/handleCopyColumn.js +21 -0
  79. package/src/handleCopyHelper.js +15 -0
  80. package/src/handleCopyRows.js +23 -0
  81. package/src/handleCopyTable.js +16 -0
  82. package/src/handlerHelpers.js +24 -0
  83. package/src/hotkeyUtils.js +131 -0
  84. package/src/index.js +1 -87
  85. package/src/initializeHasuraWhereAndFilter.js +27 -0
  86. package/src/isBeingCalledExcessively.js +24 -0
  87. package/src/isBottomRightCornerOfRectangle.js +20 -0
  88. package/src/isEntityClean.js +15 -0
  89. package/src/isTruthy.js +12 -0
  90. package/src/isValueEmpty.js +3 -0
  91. package/src/itemUpload.js +84 -0
  92. package/src/menuUtils.js +433 -0
  93. package/src/popoverOverflowModifiers.js +11 -0
  94. package/src/primarySelectedValue.js +1 -0
  95. package/src/pureNoFunc.js +31 -0
  96. package/src/queryParams.js +336 -0
  97. package/src/removeCleanRows.js +22 -0
  98. package/src/renderOnDoc.js +32 -0
  99. package/src/rowClick.js +181 -0
  100. package/src/selection.js +8 -0
  101. package/src/showProgressToast.js +22 -0
  102. package/src/simplifyHasuraWhere.js +80 -0
  103. package/src/sortify.js +73 -0
  104. package/src/style.css +24 -260
  105. package/src/tableQueryParamsToHasuraClauses.js +113 -0
  106. package/src/{DataTable/utils/withTableParams.js → withTableParams.js} +1 -14
  107. package/tableQueryParamsToHasuraClauses.js +113 -0
  108. package/tagUtils.js +45 -0
  109. package/tgFormValues.js +35 -0
  110. package/tg_modalState.js +47 -0
  111. package/throwFormError.js +16 -0
  112. package/toastr.js +148 -0
  113. package/tryToMatchSchemas.js +264 -0
  114. package/typeToCommonType.js +6 -0
  115. package/useDeepEqualMemo.js +15 -0
  116. package/useDialog.js +63 -0
  117. package/useStableReference.js +9 -0
  118. package/useTableEntities.js +38 -0
  119. package/useTraceUpdate.js +19 -0
  120. package/utils.js +37 -0
  121. package/validateTableWideErrors.js +160 -0
  122. package/viewColumn.js +97 -0
  123. package/withField.js +20 -0
  124. package/withFields.js +11 -0
  125. package/withLocalStorage.js +11 -0
  126. package/withSelectTableRecords.js +43 -0
  127. package/withSelectedEntities.js +65 -0
  128. package/withStore.js +10 -0
  129. package/withTableParams.js +288 -0
  130. package/wrapDialog.js +116 -0
  131. package/src/AdvancedOptions.spec.js +0 -26
  132. package/src/AsyncValidateFieldSpinner/index.js +0 -12
  133. package/src/BlueprintError/index.js +0 -14
  134. package/src/BounceLoader/index.js +0 -16
  135. package/src/BounceLoader/style.css +0 -45
  136. package/src/CollapsibleCard/index.js +0 -68
  137. package/src/CollapsibleCard/style.css +0 -23
  138. package/src/DNALoader/index.js +0 -20
  139. package/src/DNALoader/style.css +0 -251
  140. package/src/DataTable/index.js +0 -3213
  141. package/src/DataTable/style.css +0 -608
  142. package/src/DataTable/utils/index.js +0 -55
  143. package/src/DataTable/utils/queryParams.js +0 -1058
  144. package/src/DialogFooter/index.js +0 -86
  145. package/src/DialogFooter/style.css +0 -9
  146. package/src/FormComponents/index.js +0 -1266
  147. package/src/FormComponents/style.css +0 -275
  148. package/src/FormComponents/utils.js +0 -6
  149. package/src/HotkeysDialog/index.js +0 -79
  150. package/src/HotkeysDialog/style.css +0 -54
  151. package/src/InfoHelper/index.js +0 -78
  152. package/src/InfoHelper/style.css +0 -7
  153. package/src/IntentText/index.js +0 -18
  154. package/src/Loading/index.js +0 -70
  155. package/src/Loading/style.css +0 -4
  156. package/src/MenuBar/index.js +0 -423
  157. package/src/MenuBar/style.css +0 -45
  158. package/src/PromptUnsavedChanges/index.js +0 -38
  159. package/src/ResizableDraggableDialog/index.js +0 -141
  160. package/src/ResizableDraggableDialog/style.css +0 -42
  161. package/src/ScrollToTop/index.js +0 -72
  162. package/src/TagSelect/index.js +0 -69
  163. package/src/TagSelect/style.css +0 -13
  164. package/src/TgHtmlSelect/index.js +0 -20
  165. package/src/TgSelect/index.js +0 -537
  166. package/src/TgSelect/style.css +0 -61
  167. package/src/TgSuggest/index.js +0 -124
  168. package/src/Timeline/index.js +0 -15
  169. package/src/enhancers/withDialog/index.js +0 -196
  170. package/src/showConfirmationDialog/index.js +0 -148
  171. /package/{src/DataTable/CellDragHandle.js → CellDragHandle.js} +0 -0
  172. /package/{src/DataTable/ColumnFilterMenu.js → ColumnFilterMenu.js} +0 -0
  173. /package/{src/DataTable/Columns.js → Columns.js} +0 -0
  174. /package/{src/DataTable/DisabledLoadingComponent.js → DisabledLoadingComponent.js} +0 -0
  175. /package/{src/DataTable/DisplayOptions.js → DisplayOptions.js} +0 -0
  176. /package/{src/DataTable/DropdownCell.js → DropdownCell.js} +0 -0
  177. /package/{src/DataTable/EditableCell.js → EditableCell.js} +0 -0
  178. /package/{src/FormComponents/FormSeparator.js → FormSeparator.js} +0 -0
  179. /package/{src/FormComponents/LoadingDots.js → LoadingDots.js} +0 -0
  180. /package/{src/DataTable/PagingTool.js → PagingTool.js} +0 -0
  181. /package/{src/DataTable/RenderCell.js → RenderCell.js} +0 -0
  182. /package/{src/DataTable/SearchBar.js → SearchBar.js} +0 -0
  183. /package/{src/DataTable/SortableColumns.js → SortableColumns.js} +0 -0
  184. /package/{src/DataTable/TableFormTrackerContext.js → TableFormTrackerContext.js} +0 -0
  185. /package/{src/DataTable/ThComponent.js → ThComponent.js} +0 -0
  186. /package/{src/Timeline/TimelineEvent.js → TimelineEvent.js} +0 -0
  187. /package/{src/FormComponents/Uploader.js → Uploader.js} +0 -0
  188. /package/{src/utils/adHoc.js → adHoc.js} +0 -0
  189. /package/{src/utils/basicHandleActionsWithFullState.js → basicHandleActionsWithFullState.js} +0 -0
  190. /package/{src/utils/browserUtils.js → browserUtils.js} +0 -0
  191. /package/{src/utils/combineReducersWithFullState.js → combineReducersWithFullState.js} +0 -0
  192. /package/{src/utils/commandControls.js → commandControls.js} +0 -0
  193. /package/{src/utils/commandUtils.js → commandUtils.js} +0 -0
  194. /package/{src/DataTable/utils/convertSchema.js → convertSchema.js} +0 -0
  195. /package/{src/DataTable/dataTableEnhancer.js → dataTableEnhancer.js} +0 -0
  196. /package/{src/DataTable/defaultFormatters.js → defaultFormatters.js} +0 -0
  197. /package/{src/DataTable/defaultValidators.js → defaultValidators.js} +0 -0
  198. /package/{src/utils/determineBlackOrWhiteTextColor.js → determineBlackOrWhiteTextColor.js} +0 -0
  199. /package/{src/DataTable/editCellHelper.js → editCellHelper.js} +0 -0
  200. /package/{src/DataTable/utils/formatPasteData.js → formatPasteData.js} +0 -0
  201. /package/{src/DataTable/utils/getAllRows.js → getAllRows.js} +0 -0
  202. /package/{src/DataTable/utils/getCellCopyText.js → getCellCopyText.js} +0 -0
  203. /package/{src/DataTable/utils/getCellInfo.js → getCellInfo.js} +0 -0
  204. /package/{src/DataTable/getCellVal.js → getCellVal.js} +0 -0
  205. /package/{src/utils/getDayjsFormatter.js → getDayjsFormatter.js} +0 -0
  206. /package/{src/DataTable/utils/getFieldPathToField.js → getFieldPathToField.js} +0 -0
  207. /package/{src/DataTable/utils/getIdOrCodeOrIndex.js → getIdOrCodeOrIndex.js} +0 -0
  208. /package/{src/DataTable/utils/getLastSelectedEntity.js → getLastSelectedEntity.js} +0 -0
  209. /package/{src/DataTable/utils/getNewEntToSelect.js → getNewEntToSelect.js} +0 -0
  210. /package/{src/FormComponents/getNewName.js → getNewName.js} +0 -0
  211. /package/{src/DataTable/utils/getRowCopyText.js → getRowCopyText.js} +0 -0
  212. /package/{src/DataTable/utils/getTableConfigFromStorage.js → getTableConfigFromStorage.js} +0 -0
  213. /package/{src/utils/getTextFromEl.js → getTextFromEl.js} +0 -0
  214. /package/{src/DataTable/getVals.js → getVals.js} +0 -0
  215. /package/{src/DataTable/utils/handleCopyColumn.js → handleCopyColumn.js} +0 -0
  216. /package/{src/DataTable/utils/handleCopyHelper.js → handleCopyHelper.js} +0 -0
  217. /package/{src/DataTable/utils/handleCopyRows.js → handleCopyRows.js} +0 -0
  218. /package/{src/DataTable/utils/handleCopyTable.js → handleCopyTable.js} +0 -0
  219. /package/{src/utils/handlerHelpers.js → handlerHelpers.js} +0 -0
  220. /package/{src/utils/hotkeyUtils.js → hotkeyUtils.js} +0 -0
  221. /package/{src/utils/hooks/index.js → index.js} +0 -0
  222. /package/{src/DataTable/utils/isBottomRightCornerOfRectangle.js → isBottomRightCornerOfRectangle.js} +0 -0
  223. /package/{src/DataTable/utils/isEntityClean.js → isEntityClean.js} +0 -0
  224. /package/{src/DataTable/isTruthy.js → isTruthy.js} +0 -0
  225. /package/{src/DataTable/isValueEmpty.js → isValueEmpty.js} +0 -0
  226. /package/{src/FormComponents/itemUpload.js → itemUpload.js} +0 -0
  227. /package/{src/utils/menuUtils.js → menuUtils.js} +0 -0
  228. /package/{src/utils/popoverOverflowModifiers.js → popoverOverflowModifiers.js} +0 -0
  229. /package/{src/DataTable/utils/primarySelectedValue.js → primarySelectedValue.js} +0 -0
  230. /package/{src/utils/pureNoFunc.js → pureNoFunc.js} +0 -0
  231. /package/{src/DataTable/utils/removeCleanRows.js → removeCleanRows.js} +0 -0
  232. /package/{src/utils/renderOnDoc.js → renderOnDoc.js} +0 -0
  233. /package/{src/DataTable/utils/rowClick.js → rowClick.js} +0 -0
  234. /package/{src/DataTable/utils/selection.js → selection.js} +0 -0
  235. /package/{src/utils/showProgressToast.js → showProgressToast.js} +0 -0
  236. /package/{src/FormComponents/sortify.js → sortify.js} +0 -0
  237. /package/src/{utils/tagUtils.js → tagUtils.js} +0 -0
  238. /package/src/{utils/tgFormValues.js → tgFormValues.js} +0 -0
  239. /package/src/{enhancers/withDialog/tg_modalState.js → tg_modalState.js} +0 -0
  240. /package/src/{FormComponents/tryToMatchSchemas.js → tryToMatchSchemas.js} +0 -0
  241. /package/src/{utils/hooks/useDeepEqualMemo.js → useDeepEqualMemo.js} +0 -0
  242. /package/src/{utils/hooks/useStableReference.js → useStableReference.js} +0 -0
  243. /package/src/{DataTable/utils/useTableEntities.js → useTableEntities.js} +0 -0
  244. /package/src/{utils/useTraceUpdate.js → useTraceUpdate.js} +0 -0
  245. /package/src/{DataTable/utils/utils.js → utils.js} +0 -0
  246. /package/src/{DataTable/validateTableWideErrors.js → validateTableWideErrors.js} +0 -0
  247. /package/src/{DataTable/viewColumn.js → viewColumn.js} +0 -0
  248. /package/src/{enhancers/withField.js → withField.js} +0 -0
  249. /package/src/{enhancers/withFields.js → withFields.js} +0 -0
  250. /package/src/{enhancers/withLocalStorage.js → withLocalStorage.js} +0 -0
  251. /package/src/{utils/withSelectTableRecords.js → withSelectTableRecords.js} +0 -0
  252. /package/src/{DataTable/utils/withSelectedEntities.js → withSelectedEntities.js} +0 -0
  253. /package/src/{utils/withStore.js → withStore.js} +0 -0
  254. /package/{src/Timeline/style.css → style.css} +0 -0
package/src/DNALoader/style.css DELETED
@@ -1,251 +0,0 @@
1
- .dna-loader {
2
- display: inline-block;
3
- position: relative;
4
- transform: scale(0.45);
5
- }
6
-
7
- .nucleobase {
8
- display: inline-block;
9
- position: relative;
10
- vertical-align: middle;
11
- }
12
-
13
- .nucleobase:not(:last-child) {
14
- margin-right: 4.86vh;
15
- }
16
-
17
- .nucleobase:before,
18
- .nucleobase:after {
19
- content: "";
20
- display: inline-block;
21
- width: 3vh;
22
- height: 3vh;
23
- border-radius: 50%;
24
- position: absolute;
25
- }
26
-
27
- .nucleobase:nth-child(10) {
28
- animation-delay: -1.869s;
29
- }
30
-
31
- .nucleobase:nth-child(10):before {
32
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
33
- animation-delay: -1.869s;
34
- background-color: #339bb9;
35
- }
36
-
37
- .nucleobase:nth-child(10):after {
38
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
39
- animation-delay: -1.869s;
40
- background-color: #006cab;
41
- }
42
-
43
- .nucleobase:nth-child(9) {
44
- animation-delay: -3.738s;
45
- }
46
-
47
- .nucleobase:nth-child(9):before {
48
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
49
- animation-delay: -3.738s;
50
- background-color: #339bb9;
51
- }
52
-
53
- .nucleobase:nth-child(9):after {
54
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
55
- animation-delay: -3.738s;
56
- background-color: #006cab;
57
- }
58
-
59
- .nucleobase:nth-child(8) {
60
- animation-delay: -5.607s;
61
- }
62
-
63
- .nucleobase:nth-child(8):before {
64
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
65
- animation-delay: -5.607s;
66
- background-color: #339bb9;
67
- }
68
-
69
- .nucleobase:nth-child(8):after {
70
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
71
- animation-delay: -5.607s;
72
- background-color: #006cab;
73
- }
74
-
75
- .nucleobase:nth-child(7) {
76
- animation-delay: -7.476s;
77
- }
78
-
79
- .nucleobase:nth-child(7):before {
80
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
81
- animation-delay: -7.476s;
82
- background-color: #339bb9;
83
- }
84
-
85
- .nucleobase:nth-child(7):after {
86
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
87
- animation-delay: -7.476s;
88
- background-color: #006cab;
89
- }
90
-
91
- .nucleobase:nth-child(6) {
92
- animation-delay: -9.345s;
93
- }
94
-
95
- .nucleobase:nth-child(6):before {
96
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
97
- animation-delay: -9.345s;
98
- background-color: #339bb9;
99
- }
100
-
101
- .nucleobase:nth-child(6):after {
102
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
103
- animation-delay: -9.345s;
104
- background-color: #006cab;
105
- }
106
-
107
- .nucleobase:nth-child(5) {
108
- animation-delay: -11.214s;
109
- }
110
-
111
- .nucleobase:nth-child(5):before {
112
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
113
- animation-delay: -11.214s;
114
- background-color: #339bb9;
115
- }
116
-
117
- .nucleobase:nth-child(5):after {
118
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
119
- animation-delay: -11.214s;
120
- background-color: #006cab;
121
- }
122
-
123
- .nucleobase:nth-child(4) {
124
- animation-delay: -13.083s;
125
- }
126
-
127
- .nucleobase:nth-child(4):before {
128
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
129
- animation-delay: -13.083s;
130
- background-color: #339bb9;
131
- }
132
-
133
- .nucleobase:nth-child(4):after {
134
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
135
- animation-delay: -13.083s;
136
- background-color: #006cab;
137
- }
138
-
139
- .nucleobase:nth-child(3) {
140
- animation-delay: -14.952s;
141
- }
142
-
143
- .nucleobase:nth-child(3):before {
144
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
145
- animation-delay: -14.952s;
146
- background-color: #339bb9;
147
- }
148
-
149
- .nucleobase:nth-child(3):after {
150
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
151
- animation-delay: -14.952s;
152
- background-color: #006cab;
153
- }
154
-
155
- .nucleobase:nth-child(2) {
156
- animation-delay: -16.821s;
157
- }
158
-
159
- .nucleobase:nth-child(2):before {
160
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
161
- animation-delay: -16.821s;
162
- background-color: #339bb9;
163
- }
164
-
165
- .nucleobase:nth-child(2):after {
166
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
167
- animation-delay: -16.821s;
168
- background-color: #006cab;
169
- }
170
-
171
- .nucleobase:nth-child(1) {
172
- animation-delay: -18.69s;
173
- }
174
-
175
- .nucleobase:nth-child(1):before {
176
- animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
177
- animation-delay: -18.69s;
178
- background-color: #339bb9;
179
- }
180
-
181
- .nucleobase:nth-child(1):after {
182
- animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
183
- animation-delay: -18.69s;
184
- background-color: #006cab;
185
- }
186
-
187
- @keyframes animBefore {
188
- 0% {
189
- top: -6vh;
190
- z-index: 1;
191
- }
192
- 25% {
193
- transform: scale(1.2);
194
- z-index: 1;
195
- }
196
- 50% {
197
- top: 6vh;
198
- z-index: -1;
199
- }
200
- 75% {
201
- background-color: #5bc0de;
202
- transform: scale(0.8);
203
- z-index: -1;
204
- }
205
- 100% {
206
- top: -6vh;
207
- z-index: -1;
208
- }
209
- }
210
-
211
- @keyframes animAfter {
212
- 0% {
213
- top: 6vh;
214
- z-index: -1;
215
- }
216
- 25% {
217
- background-color: #055e75;
218
- transform: scale(0.8);
219
- z-index: -1;
220
- }
221
- 50% {
222
- top: -6vh;
223
- z-index: 1;
224
- }
225
- 75% {
226
- transform: scale(1.2);
227
- z-index: 1;
228
- }
229
- 100% {
230
- top: 6vh;
231
- z-index: 1;
232
- }
233
- }
234
-
235
- @keyframes animDotBar {
236
- 0% {
237
- height: 8.25vh;
238
- }
239
- 25% {
240
- height: 0;
241
- }
242
- 50% {
243
- height: 8.25vh;
244
- }
245
- 75% {
246
- height: 0;
247
- }
248
- 100% {
249
- height: 8.25vh;
250
- }
251
- }