@onepercentio/one-ui 1.3.2 → 1.3.4

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 (321) hide show
  1. package/.github/workflows/release-browser-bundle.yml +76 -0
  2. package/README.md +23 -0
  3. package/dist/assets/img/svg/checkbox.svg +3 -0
  4. package/dist/assets/styles/index.scss +2 -0
  5. package/dist/assets/styles/mixins.scss +15 -0
  6. package/dist/assets/styles/variables.scss +49 -0
  7. package/dist/components/AdaptiveButton/AdaptiveButton.js +32 -0
  8. package/dist/components/AdaptiveButton/AdaptiveButton.module.scss +7 -0
  9. package/dist/components/AdaptiveButton/index.js +27 -0
  10. package/dist/components/AdaptiveContainer/AdaptiveContainer.js +152 -0
  11. package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +53 -0
  12. package/dist/components/AdaptiveContainer/index.js +27 -0
  13. package/dist/components/AdaptiveDialog/AdaptiveDialog.js +81 -0
  14. package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +145 -0
  15. package/dist/components/AdaptiveDialog/index.js +27 -0
  16. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +77 -0
  17. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +49 -0
  18. package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +13 -0
  19. package/dist/components/AdaptiveSidebar/index.js +27 -0
  20. package/dist/components/AnchoredTooltip/AnchoredTooltip.js +168 -0
  21. package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +64 -0
  22. package/dist/components/AnchoredTooltip/index.js +27 -0
  23. package/dist/components/AnimatedEntrance/AnimatedEntrance.js +166 -0
  24. package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss +108 -0
  25. package/dist/components/AnimatedEntrance/index.js +27 -0
  26. package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +95 -0
  27. package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.module.scss +22 -0
  28. package/dist/components/AsyncTriggerContainer/index.js +27 -0
  29. package/dist/components/AsyncWrapper/AsyncWrapper.js +42 -0
  30. package/dist/components/AsyncWrapper/index.js +27 -0
  31. package/dist/components/Avatar/Avatar.js +40 -0
  32. package/dist/components/Avatar/Avatar.module.scss +22 -0
  33. package/dist/components/Avatar/index.js +27 -0
  34. package/dist/components/BucketFill/BucketFill.js +56 -0
  35. package/dist/components/BucketFill/BucketFill.module.scss +36 -0
  36. package/dist/components/BucketFill/index.js +27 -0
  37. package/dist/components/Button/Button.js +39 -0
  38. package/dist/components/Button/Button.module.scss +45 -0
  39. package/dist/components/Button/index.js +27 -0
  40. package/dist/components/Card/Card.js +22 -0
  41. package/dist/components/Card/Card.module.scss +12 -0
  42. package/dist/components/Card/index.js +27 -0
  43. package/dist/components/Chart/Chart.js +27 -0
  44. package/dist/components/Chart/Chart.logic.js +14 -0
  45. package/dist/components/Chart/Chart.module.scss +58 -0
  46. package/dist/components/Chart/Chart.types.js +6 -0
  47. package/dist/components/Chart/Chart.view.js +184 -0
  48. package/dist/components/Chart/index.js +27 -0
  49. package/dist/components/CheckBox/CheckBox.js +52 -0
  50. package/dist/components/CheckBox/CheckBox.module.scss +36 -0
  51. package/dist/components/CheckBox/index.js +27 -0
  52. package/dist/components/CodeInput/CodeInput.js +84 -0
  53. package/dist/components/CodeInput/CodeInput.module.scss +5 -0
  54. package/dist/components/CodeInput/index.js +27 -0
  55. package/dist/components/Collapsable/Collapsable.js +186 -0
  56. package/dist/components/Collapsable/Collapsable.module.scss +42 -0
  57. package/dist/components/Collapsable/index.js +27 -0
  58. package/dist/components/Countdown/Countdown.js +83 -0
  59. package/dist/components/Countdown/index.js +27 -0
  60. package/dist/components/CurrencyInput/CurrencyInput.hook.js +28 -0
  61. package/dist/components/CurrencyInput/CurrencyInput.js +54 -0
  62. package/dist/components/CurrencyInput/index.js +27 -0
  63. package/dist/components/Divider/Divider.js +21 -0
  64. package/dist/components/Divider/Divider.module.scss +7 -0
  65. package/dist/components/Divider/index.js +27 -0
  66. package/dist/components/EmailInput/EmailInput.js +48 -0
  67. package/dist/components/EmailInput/EmailInput.module.scss +0 -0
  68. package/dist/components/EmailInput/index.js +27 -0
  69. package/dist/components/FadeIn/FadeIn.js +64 -0
  70. package/dist/components/FadeIn/FadeIn.module.scss +9 -0
  71. package/dist/components/FadeIn/index.js +27 -0
  72. package/dist/components/FileInput/FileInput.js +53 -0
  73. package/dist/components/FileInput/FileInput.module.scss +6 -0
  74. package/dist/components/FileInput/View/BigFactory/BigFactory.js +54 -0
  75. package/dist/components/FileInput/View/BigFactory/BigFactory.module.scss +20 -0
  76. package/dist/components/FileInput/View/BigFactory/index.js +27 -0
  77. package/dist/components/FileInput/View/Compact/Compact.js +120 -0
  78. package/dist/components/FileInput/View/Compact/Compact.module.scss +68 -0
  79. package/dist/components/FileInput/View/Compact/index.js +27 -0
  80. package/dist/components/FileInput/View/View.types.js +6 -0
  81. package/dist/components/FileInput/index.js +27 -0
  82. package/dist/components/FlowController/FlowController.js +66 -0
  83. package/dist/components/FlowController/FlowController.module.scss +47 -0
  84. package/dist/components/FlowController/index.js +27 -0
  85. package/dist/components/Form/Form.hook.js +234 -0
  86. package/dist/components/Form/Form.js +115 -0
  87. package/dist/components/Form/Form.module.scss +0 -0
  88. package/dist/components/Form/Form.types.js +40 -0
  89. package/dist/components/Form/FormField/Extensions/DateField/DateField.js +75 -0
  90. package/dist/components/Form/FormField/Extensions/DateField/DateField.module.scss +0 -0
  91. package/dist/components/Form/FormField/Extensions/DateField/index.js +27 -0
  92. package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +91 -0
  93. package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.module.scss +0 -0
  94. package/dist/components/Form/FormField/Extensions/PhoneField/index.js +27 -0
  95. package/dist/components/Form/FormField/FormField.js +296 -0
  96. package/dist/components/Form/FormField/FormField.types.js +12 -0
  97. package/dist/components/Form/FormField/index.js +27 -0
  98. package/dist/components/Form/index.js +27 -0
  99. package/dist/components/Freeze/Freeze.js +18 -0
  100. package/dist/components/Freeze/index.js +27 -0
  101. package/dist/components/HSForms/HSForms.js +55 -0
  102. package/dist/components/HSForms/index.js +27 -0
  103. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +25 -0
  104. package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +44 -0
  105. package/dist/components/HeaderCloseBtn/index.js +27 -0
  106. package/dist/components/InfinityScroll/InfinityScroll.js +128 -0
  107. package/dist/components/InfinityScroll/InfinityScroll.module.scss +30 -0
  108. package/dist/components/InfinityScroll/index.js +27 -0
  109. package/dist/components/Input/Input.js +110 -0
  110. package/dist/components/Input/Input.module.scss +31 -0
  111. package/dist/components/Input/index.js +27 -0
  112. package/dist/components/InstantCounter/InstantCounter.js +55 -0
  113. package/dist/components/InstantCounter/index.js +27 -0
  114. package/dist/components/LavaLamp/LavaLamp.data.js +89 -0
  115. package/dist/components/LavaLamp/LavaLamp.js +125 -0
  116. package/dist/components/LavaLamp/LavaLamp.module.scss +26 -0
  117. package/dist/components/LavaLamp/index.js +27 -0
  118. package/dist/components/LavaLamp/v2/LavaLamp.js +154 -0
  119. package/dist/components/LavaLamp/v2/LavaLamp.module.scss +23 -0
  120. package/dist/components/LinkToId/LinkToId.js +45 -0
  121. package/dist/components/LinkToId/LinkToId.module.scss +4 -0
  122. package/dist/components/LinkToId/index.js +27 -0
  123. package/dist/components/Loader/Loader.js +27 -0
  124. package/dist/components/Loader/Loader.module.scss +40 -0
  125. package/dist/components/Loader/index.js +27 -0
  126. package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +36 -0
  127. package/dist/components/LoaderDotsIndicator/index.js +27 -0
  128. package/dist/components/LoopableVideo/LoopableVideo.js +41 -0
  129. package/dist/components/LoopableVideo/index.js +27 -0
  130. package/dist/components/MainGrid/MainGrid.js +55 -0
  131. package/dist/components/MainGrid/MainGrid.module.scss +28 -0
  132. package/dist/components/MainGrid/index.js +27 -0
  133. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +32 -0
  134. package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +220 -0
  135. package/dist/components/MutableHamburgerButton/index.js +27 -0
  136. package/dist/components/Notification/Notification.js +24 -0
  137. package/dist/components/Notification/Notification.module.scss +25 -0
  138. package/dist/components/Notification/index.js +27 -0
  139. package/dist/components/NumberInput/NumberInput.js +50 -0
  140. package/dist/components/NumberInput/index.js +27 -0
  141. package/dist/components/OrderableList/OrderableList.js +439 -0
  142. package/dist/components/OrderableList/OrderableList.module.scss +98 -0
  143. package/dist/components/OrderableList/index.js +27 -0
  144. package/dist/components/PaginationIndicator/PaginationIndicator.js +261 -0
  145. package/dist/components/PaginationIndicator/index.js +27 -0
  146. package/dist/components/Parallax/Parallax.js +169 -0
  147. package/dist/components/Parallax/Parallax.module.scss +28 -0
  148. package/dist/components/Parallax/index.js +27 -0
  149. package/dist/components/Parallax/math/helpers.js +134 -0
  150. package/dist/components/PasswordInput/PasswordInput.js +97 -0
  151. package/dist/components/PasswordInput/PasswordInput.module.scss +17 -0
  152. package/dist/components/PasswordInput/index.js +27 -0
  153. package/dist/components/PingPongText/PingPongText.js +76 -0
  154. package/dist/components/PingPongText/PingPongText.module.scss +4 -0
  155. package/dist/components/PingPongText/index.js +27 -0
  156. package/dist/components/PixelatedScan/PixelatedScan.js +139 -0
  157. package/dist/components/PixelatedScan/PixelatedScan.module.scss +86 -0
  158. package/dist/components/PixelatedScan/index.js +27 -0
  159. package/dist/components/Portal/Portal.js +62 -0
  160. package/dist/components/Portal/Portal.module.scss +3 -0
  161. package/dist/components/Portal/index.js +27 -0
  162. package/dist/components/ProgressBar/ProgressBar.js +113 -0
  163. package/dist/components/ProgressBar/ProgressBar.module.scss +44 -0
  164. package/dist/components/ProgressBar/index.js +27 -0
  165. package/dist/components/ProgressTexts/ProgressTexts.js +52 -0
  166. package/dist/components/ProgressTexts/ProgressTexts.module.scss +37 -0
  167. package/dist/components/ProgressTexts/index.js +27 -0
  168. package/dist/components/Radio/Radio.js +53 -0
  169. package/dist/components/Radio/Radio.module.scss +20 -0
  170. package/dist/components/Radio/index.js +27 -0
  171. package/dist/components/Radio/variants/Checkmark/Checkmark.js +20 -0
  172. package/dist/components/Radio/variants/Checkmark/Checkmark.module.scss +24 -0
  173. package/dist/components/Radio/variants/Checkmark/index.js +27 -0
  174. package/dist/components/Radio/variants/Generic/Generic.js +22 -0
  175. package/dist/components/Radio/variants/Generic/Generic.module.scss +38 -0
  176. package/dist/components/Radio/variants/Generic/index.js +27 -0
  177. package/dist/components/SectionContainer/SectionContainer.js +49 -0
  178. package/dist/components/SectionContainer/SectionContainer.module.scss +30 -0
  179. package/dist/components/SectionContainer/index.js +27 -0
  180. package/dist/components/Select/Select.js +138 -0
  181. package/dist/components/Select/Select.module.scss +60 -0
  182. package/dist/components/Select/index.js +27 -0
  183. package/dist/components/Skeleton/Skeleton.js +30 -0
  184. package/dist/components/Skeleton/Skeleton.module.scss +21 -0
  185. package/dist/components/Skeleton/index.js +27 -0
  186. package/dist/components/Slider/Slider.js +70 -0
  187. package/dist/components/Slider/Slider.module.scss +7 -0
  188. package/dist/components/Slider/index.js +27 -0
  189. package/dist/components/Spacing/Spacing.js +34 -0
  190. package/dist/components/Spacing/Spacing.module.scss +13 -0
  191. package/dist/components/Spacing/index.js +27 -0
  192. package/dist/components/StaticScroller/StaticScroller.js +72 -0
  193. package/dist/components/StaticScroller/StaticScroller.module.scss +14 -0
  194. package/dist/components/StaticScroller/index.js +27 -0
  195. package/dist/components/Switch/Switch.js +47 -0
  196. package/dist/components/Switch/Switch.module.scss +46 -0
  197. package/dist/components/Switch/index.js +27 -0
  198. package/dist/components/Table/Table.js +115 -0
  199. package/dist/components/Table/Table.module.scss +74 -0
  200. package/dist/components/Table/index.js +27 -0
  201. package/dist/components/Tabs/Tabs.js +67 -0
  202. package/dist/components/Tabs/Tabs.module.scss +40 -0
  203. package/dist/components/Tabs/index.js +27 -0
  204. package/dist/components/Text/Text.js +44 -0
  205. package/dist/components/Text/Text.module.scss +13 -0
  206. package/dist/components/Text/index.js +27 -0
  207. package/dist/components/Transition/MasksFactory/DiagonalReveal.js +49 -0
  208. package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +78 -0
  209. package/dist/components/Transition/MasksFactory/PhysicsSquares.js +96 -0
  210. package/dist/components/Transition/MasksFactory/SquareToBalls.js +67 -0
  211. package/dist/components/Transition/MasksFactory/utils.js +30 -0
  212. package/dist/components/Transition/Transition.js +323 -0
  213. package/dist/components/Transition/Transition.module.scss +211 -0
  214. package/dist/components/Transition/index.js +27 -0
  215. package/dist/components/UncontrolledTransition/UncontrolledTransition.ai.md +9 -0
  216. package/dist/components/UncontrolledTransition/UncontrolledTransition.js +110 -0
  217. package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +32 -0
  218. package/dist/components/UncontrolledTransition/index.js +27 -0
  219. package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +115 -0
  220. package/dist/components/WalletConnectionWrapper/index.js +27 -0
  221. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +59 -0
  222. package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss +5 -0
  223. package/dist/components/utilitary/ScrollAndFocusLock/index.js +27 -0
  224. package/dist/context/AsyncProcess.js +74 -0
  225. package/dist/context/ContextAsyncControl.js +92 -0
  226. package/dist/context/CustomBrowserRouter.js +50 -0
  227. package/dist/context/OneUIProvider.js +129 -0
  228. package/dist/hooks/logs/useDependencyChangeDetection.js +20 -0
  229. package/dist/hooks/logs/useIsMounting.js +13 -0
  230. package/dist/hooks/persistence/useLocalStorage.js +48 -0
  231. package/dist/hooks/shims/ObjectWatchShim.js +54 -0
  232. package/dist/hooks/ui/useAdaptiveImage.js +36 -0
  233. package/dist/hooks/ui/useAlternating.js +24 -0
  234. package/dist/hooks/ui/useBreakpoint.js +26 -0
  235. package/dist/hooks/ui/useCustomScrollbar.js +28 -0
  236. package/dist/hooks/ui/useCustomScrollbar.module.scss +20 -0
  237. package/dist/hooks/ui/useEffectIf.js +14 -0
  238. package/dist/hooks/ui/useMouseHover.js +32 -0
  239. package/dist/hooks/ui/usePaginationControls.js +136 -0
  240. package/dist/hooks/ui/usePaginationControls.module.scss +16 -0
  241. package/dist/hooks/ui/useSnapToViewport.js +26 -0
  242. package/dist/hooks/ui/useSnapToViewport.module.scss +6 -0
  243. package/dist/hooks/ui/useTilt.js +161 -0
  244. package/dist/hooks/ui/useZoomable.js +135 -0
  245. package/dist/hooks/ui/useZoomable.module.scss +34 -0
  246. package/dist/hooks/useAsyncControl.ai.md +25 -0
  247. package/dist/hooks/useAsyncControl.js +79 -0
  248. package/dist/hooks/useContainedRepositioning.js +83 -0
  249. package/dist/hooks/useCustomHistory.js +24 -0
  250. package/dist/hooks/useElementFit.js +54 -0
  251. package/dist/hooks/useFirestoreWatch.js +45 -0
  252. package/dist/hooks/useFreeze.js +17 -0
  253. package/dist/hooks/useHero.js +273 -0
  254. package/dist/hooks/useHero.module.scss +41 -0
  255. package/dist/hooks/useIntersection.js +39 -0
  256. package/dist/hooks/useMergeRefs.js +36 -0
  257. package/dist/hooks/useObserve.js +25 -0
  258. package/dist/hooks/usePagination.js +163 -0
  259. package/dist/hooks/usePooledOperation.js +52 -0
  260. package/dist/hooks/usePooling.js +52 -0
  261. package/dist/hooks/useRebound.js +32 -0
  262. package/dist/hooks/useShortIntl.ai.md +5 -0
  263. package/dist/hooks/useShortIntl.js +82 -0
  264. package/dist/hooks/utility/useAsyncMemo.js +45 -0
  265. package/dist/hooks/utility/useDepChange.js +17 -0
  266. package/dist/hooks/utility/useEvents.js +33 -0
  267. package/dist/hooks/utility/useImmediate.js +14 -0
  268. package/dist/hooks/utility/useManualInit.js +25 -0
  269. package/dist/hooks/utility/useModule.js +18 -0
  270. package/dist/hooks/utility/useQuery.js +20 -0
  271. package/dist/hooks/utility/useUniqueEffect.js +20 -0
  272. package/dist/index.js +2149 -0
  273. package/dist/index.preprocess.js +42 -0
  274. package/dist/models/DebugLogger.js +16 -0
  275. package/dist/models/GenericContract.js +51 -0
  276. package/dist/models/Orbs.js +67 -0
  277. package/dist/reac-app-env.d.js +2 -0
  278. package/dist/storybook/assets/video/txt-reversed.mp4 +0 -0
  279. package/dist/storybookUtils/index.js +44 -0
  280. package/dist/type-utils.js +6 -0
  281. package/dist/types.js +6 -0
  282. package/dist/utility.d.js +2 -0
  283. package/dist/utils/blockchain.js +46 -0
  284. package/dist/utils/e2e.js +33 -0
  285. package/dist/utils/flatten.js +19 -0
  286. package/dist/utils/formatters.js +63 -0
  287. package/dist/utils/html.utils.js +15 -0
  288. package/dist/utils/ownEvent.js +16 -0
  289. package/dist/utils/test.js +19 -0
  290. package/dist-browser/bundle.js +83650 -0
  291. package/dist-browser/bundle.js.LICENSE.txt +94 -0
  292. package/dist-browser/bundle.js.map +1 -0
  293. package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js +2 -1
  294. package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -1
  295. package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.module.scss +13 -10
  296. package/dist-ts/components/CheckBox/CheckBox.d.ts +3 -1
  297. package/dist-ts/components/CheckBox/CheckBox.js +7 -4
  298. package/dist-ts/components/CheckBox/CheckBox.js.map +1 -1
  299. package/dist-ts/components/CheckBox/CheckBox.module.scss +5 -0
  300. package/dist-ts/components/Input/Input.js +1 -1
  301. package/dist-ts/components/Input/Input.js.map +1 -1
  302. package/dist-ts/context/OneUIProvider.d.ts +3 -1
  303. package/dist-ts/context/OneUIProvider.js.map +1 -1
  304. package/dist-ts/hooks/ui/useAdaptiveImage.d.ts +1 -1
  305. package/dist-ts/hooks/ui/useAdaptiveImage.js +1 -1
  306. package/dist-ts/hooks/ui/useAdaptiveImage.js.map +1 -1
  307. package/dist-ts/hooks/ui/useMouseHover.d.ts +2 -2
  308. package/dist-ts/hooks/ui/useMouseHover.js +6 -5
  309. package/dist-ts/hooks/ui/useMouseHover.js.map +1 -1
  310. package/dist-ts/hooks/useObserve.d.ts +1 -1
  311. package/dist-ts/hooks/useObserve.js +1 -1
  312. package/dist-ts/hooks/useObserve.js.map +1 -1
  313. package/dist-ts/index.d.ts +1 -0
  314. package/dist-ts/index.js +1 -0
  315. package/dist-ts/index.js.map +1 -1
  316. package/dist-ts/models/ImageScales.d.ts +7 -0
  317. package/dist-ts/models/ImageScales.js +9 -0
  318. package/dist-ts/models/ImageScales.js.map +1 -0
  319. package/example.html +76 -0
  320. package/package.json +11 -4
  321. package/webpack.bundle.config.js +87 -0
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _exportNames = {};
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function () {
10
+ return _PasswordInput.default;
11
+ }
12
+ });
13
+ var _PasswordInput = _interopRequireWildcard(require("./PasswordInput"));
14
+ Object.keys(_PasswordInput).forEach(function (key) {
15
+ if (key === "default" || key === "__esModule") return;
16
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
17
+ if (key in exports && exports[key] === _PasswordInput[key]) return;
18
+ Object.defineProperty(exports, key, {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _PasswordInput[key];
22
+ }
23
+ });
24
+ });
25
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUGFzc3dvcmRJbnB1dCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJkZXNjIiwic2V0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFzc3dvcmRJbnB1dC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL1Bhc3N3b3JkSW5wdXRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1Bhc3N3b3JkSW5wdXRcIjsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLGNBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosY0FBQSxFQUFBSyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFOLGNBQUEsQ0FBQU0sR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxDQUFBO01BQUEsT0FBQWQsY0FBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQWdDLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = PingPongText;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _Text = _interopRequireDefault(require("../Text/Text"));
9
+ var _PingPongTextModule = _interopRequireDefault(require("./PingPongText.module.scss"));
10
+ var _useMouseHover = _interopRequireDefault(require("../../hooks/ui/useMouseHover"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
+ function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
15
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
+ const HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND = 50;
17
+ const RIGHT_TEXT_MULTIPLIER = 5;
18
+
19
+ /**
20
+ * A component that keeps an overflow piece of text visible by continously scrolling it back and forward
21
+ **/
22
+ /**
23
+ * A component that displays text that scrolls back and forth when it's too long to fit.
24
+ * The scrolling stops when you hover your mouse over the text.
25
+ */
26
+ function PingPongText(_ref) {
27
+ let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
28
+ const textRef = (0, _react.useRef)(null);
29
+ const {
30
+ uiEvents,
31
+ hovering
32
+ } = (0, _useMouseHover.default)();
33
+ (0, _react.useEffect)(() => {
34
+ if (!hovering) {
35
+ let scrollingInterval;
36
+ let scrollStartTimeout;
37
+ scrollStartTimeout = setTimeout(() => {
38
+ const textEl = textRef.current;
39
+ if (!textEl) return;
40
+ const overflowWidth = textEl.scrollWidth;
41
+ const viewWidth = textEl.clientWidth;
42
+ const secondsPerFrame = 1000 / 60;
43
+ const howMuchToMove = secondsPerFrame * HOW_MUCH_PIXELS_TO_SCROLL_PER_SECOND / 1000;
44
+ if (overflowWidth > viewWidth) {
45
+ scrollingInterval = scrollText();
46
+ function scrollText() {
47
+ let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "r";
48
+ return setInterval(() => {
49
+ const reachedEnd = direction === "r" ? textEl.scrollLeft >= overflowWidth - viewWidth : textEl.scrollLeft === 0;
50
+ if (reachedEnd) {
51
+ clearInterval(scrollingInterval);
52
+ scrollStartTimeout = setTimeout(() => {
53
+ scrollingInterval = scrollText(direction === "r" ? "l" : "r");
54
+ }, direction === "r" ? 2000 : 1000);
55
+ } else {
56
+ if (direction === "r") textEl.scrollTo(textEl.scrollLeft + howMuchToMove, 0);else {
57
+ textEl.scrollTo(textEl.scrollLeft - howMuchToMove * RIGHT_TEXT_MULTIPLIER, 0);
58
+ }
59
+ }
60
+ }, secondsPerFrame);
61
+ }
62
+ }
63
+ }, 1000);
64
+ return () => {
65
+ clearTimeout(scrollStartTimeout);
66
+ clearInterval(scrollingInterval);
67
+ };
68
+ }
69
+ }, [hovering]);
70
+ return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({
71
+ ref: textRef
72
+ }, uiEvents, props, {
73
+ className: "".concat(_PingPongTextModule.default.pingPong, " ").concat(props.className || "")
74
+ }));
75
+ }
76
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfVGV4dCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfUGluZ1BvbmdUZXh0TW9kdWxlIiwiX3VzZU1vdXNlSG92ZXIiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiX29iamVjdERlc3RydWN0dXJpbmdFbXB0eSIsIlR5cGVFcnJvciIsIl9leHRlbmRzIiwiYXNzaWduIiwiYmluZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJhcHBseSIsIkhPV19NVUNIX1BJWEVMU19UT19TQ1JPTExfUEVSX1NFQ09ORCIsIlJJR0hUX1RFWFRfTVVMVElQTElFUiIsIlBpbmdQb25nVGV4dCIsIl9yZWYiLCJwcm9wcyIsInRleHRSZWYiLCJ1c2VSZWYiLCJ1aUV2ZW50cyIsImhvdmVyaW5nIiwidXNlTW91c2VIb3ZlciIsInVzZUVmZmVjdCIsInNjcm9sbGluZ0ludGVydmFsIiwic2Nyb2xsU3RhcnRUaW1lb3V0Iiwic2V0VGltZW91dCIsInRleHRFbCIsImN1cnJlbnQiLCJvdmVyZmxvd1dpZHRoIiwic2Nyb2xsV2lkdGgiLCJ2aWV3V2lkdGgiLCJjbGllbnRXaWR0aCIsInNlY29uZHNQZXJGcmFtZSIsImhvd011Y2hUb01vdmUiLCJzY3JvbGxUZXh0IiwiZGlyZWN0aW9uIiwidW5kZWZpbmVkIiwic2V0SW50ZXJ2YWwiLCJyZWFjaGVkRW5kIiwic2Nyb2xsTGVmdCIsImNsZWFySW50ZXJ2YWwiLCJzY3JvbGxUbyIsImNsZWFyVGltZW91dCIsImNyZWF0ZUVsZW1lbnQiLCJyZWYiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJTdHlsZXMiLCJwaW5nUG9uZyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BpbmdQb25nVGV4dC9QaW5nUG9uZ1RleHQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBDb21wb25lbnRQcm9wcyxcbiAgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBUZXh0IGZyb20gXCIuLi9UZXh0L1RleHRcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vUGluZ1BvbmdUZXh0Lm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgdXNlTW91c2VIb3ZlciBmcm9tIFwiLi4vLi4vaG9va3MvdWkvdXNlTW91c2VIb3ZlclwiO1xuXG5jb25zdCBIT1dfTVVDSF9QSVhFTFNfVE9fU0NST0xMX1BFUl9TRUNPTkQgPSA1MDtcbmNvbnN0IFJJR0hUX1RFWFRfTVVMVElQTElFUiA9IDU7XG5cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCBrZWVwcyBhbiBvdmVyZmxvdyBwaWVjZSBvZiB0ZXh0IHZpc2libGUgYnkgY29udGlub3VzbHkgc2Nyb2xsaW5nIGl0IGJhY2sgYW5kIGZvcndhcmRcbiAqKi9cbi8qKlxuICogQSBjb21wb25lbnQgdGhhdCBkaXNwbGF5cyB0ZXh0IHRoYXQgc2Nyb2xscyBiYWNrIGFuZCBmb3J0aCB3aGVuIGl0J3MgdG9vIGxvbmcgdG8gZml0LlxuICogVGhlIHNjcm9sbGluZyBzdG9wcyB3aGVuIHlvdSBob3ZlciB5b3VyIG1vdXNlIG92ZXIgdGhlIHRleHQuXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFBpbmdQb25nVGV4dCh7XG4gIC4uLnByb3BzXG59OiBDb21wb25lbnRQcm9wczx0eXBlb2YgVGV4dD4pIHtcbiAgY29uc3QgdGV4dFJlZiA9IHVzZVJlZjxIVE1MUGFyYWdyYXBoRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgdWlFdmVudHMsIGhvdmVyaW5nIH0gPSB1c2VNb3VzZUhvdmVyKCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWhvdmVyaW5nKSB7XG4gICAgICBsZXQgc2Nyb2xsaW5nSW50ZXJ2YWw6IE5vZGVKUy5UaW1lb3V0O1xuICAgICAgbGV0IHNjcm9sbFN0YXJ0VGltZW91dDogTm9kZUpTLlRpbWVvdXQ7XG4gICAgICBzY3JvbGxTdGFydFRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgY29uc3QgdGV4dEVsID0gdGV4dFJlZi5jdXJyZW50O1xuICAgICAgICBpZiAoIXRleHRFbCkgcmV0dXJuO1xuICAgICAgICBjb25zdCBvdmVyZmxvd1dpZHRoID0gdGV4dEVsLnNjcm9sbFdpZHRoO1xuICAgICAgICBjb25zdCB2aWV3V2lkdGggPSB0ZXh0RWwuY2xpZW50V2lkdGg7XG4gICAgICAgIGNvbnN0IHNlY29uZHNQZXJGcmFtZSA9IDEwMDAgLyA2MDtcbiAgICAgICAgY29uc3QgaG93TXVjaFRvTW92ZSA9XG4gICAgICAgICAgKHNlY29uZHNQZXJGcmFtZSAqIEhPV19NVUNIX1BJWEVMU19UT19TQ1JPTExfUEVSX1NFQ09ORCkgLyAxMDAwO1xuXG4gICAgICAgIGlmIChvdmVyZmxvd1dpZHRoID4gdmlld1dpZHRoKSB7XG4gICAgICAgICAgc2Nyb2xsaW5nSW50ZXJ2YWwgPSBzY3JvbGxUZXh0KCk7XG4gICAgICAgICAgZnVuY3Rpb24gc2Nyb2xsVGV4dChkaXJlY3Rpb246IFwibFwiIHwgXCJyXCIgPSBcInJcIikge1xuICAgICAgICAgICAgcmV0dXJuIHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3QgcmVhY2hlZEVuZCA9XG4gICAgICAgICAgICAgICAgZGlyZWN0aW9uID09PSBcInJcIlxuICAgICAgICAgICAgICAgICAgPyB0ZXh0RWwhLnNjcm9sbExlZnQgPj0gb3ZlcmZsb3dXaWR0aCAtIHZpZXdXaWR0aFxuICAgICAgICAgICAgICAgICAgOiB0ZXh0RWwhLnNjcm9sbExlZnQgPT09IDA7XG4gICAgICAgICAgICAgIGlmIChyZWFjaGVkRW5kKSB7XG4gICAgICAgICAgICAgICAgY2xlYXJJbnRlcnZhbChzY3JvbGxpbmdJbnRlcnZhbCk7XG4gICAgICAgICAgICAgICAgc2Nyb2xsU3RhcnRUaW1lb3V0ID0gc2V0VGltZW91dChcbiAgICAgICAgICAgICAgICAgICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2Nyb2xsaW5nSW50ZXJ2YWwgPSBzY3JvbGxUZXh0KFxuICAgICAgICAgICAgICAgICAgICAgIGRpcmVjdGlvbiA9PT0gXCJyXCIgPyBcImxcIiA6IFwiclwiXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgZGlyZWN0aW9uID09PSBcInJcIiA/IDIwMDAgOiAxMDAwXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBpZiAoZGlyZWN0aW9uID09PSBcInJcIilcbiAgICAgICAgICAgICAgICAgIHRleHRFbCEuc2Nyb2xsVG8odGV4dEVsIS5zY3JvbGxMZWZ0ICsgaG93TXVjaFRvTW92ZSwgMCk7XG4gICAgICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgICB0ZXh0RWwhLnNjcm9sbFRvKFxuICAgICAgICAgICAgICAgICAgICB0ZXh0RWwhLnNjcm9sbExlZnQgLSBob3dNdWNoVG9Nb3ZlICogUklHSFRfVEVYVF9NVUxUSVBMSUVSLFxuICAgICAgICAgICAgICAgICAgICAwXG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSwgc2Vjb25kc1BlckZyYW1lKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0sIDEwMDApO1xuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHNjcm9sbFN0YXJ0VGltZW91dCk7XG4gICAgICAgIGNsZWFySW50ZXJ2YWwoc2Nyb2xsaW5nSW50ZXJ2YWwpO1xuICAgICAgfTtcbiAgICB9XG4gIH0sIFtob3ZlcmluZ10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRleHRcbiAgICAgIHJlZj17dGV4dFJlZn1cbiAgICAgIHsuLi4odWlFdmVudHMgYXMgYW55KX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNsYXNzTmFtZT17YCR7U3R5bGVzLnBpbmdQb25nfSAke3Byb3BzLmNsYXNzTmFtZSB8fCBcIlwifWB9XG4gICAgLz5cbiAgKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBTUEsSUFBQUMsS0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsbUJBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFJLGNBQUEsR0FBQUYsc0JBQUEsQ0FBQUYsT0FBQTtBQUF5RCxTQUFBRSx1QkFBQUcsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUFBLFNBQUFHLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFWLHdCQUFBTSxHQUFBLEVBQUFJLFdBQUEsU0FBQUEsV0FBQSxJQUFBSixHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFB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
@@ -0,0 +1,4 @@
1
+ .pingPong {
2
+ width: 100%;
3
+ overflow: hidden;
4
+ }
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _exportNames = {};
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function () {
10
+ return _PingPongText.default;
11
+ }
12
+ });
13
+ var _PingPongText = _interopRequireWildcard(require("./PingPongText"));
14
+ Object.keys(_PingPongText).forEach(function (key) {
15
+ if (key === "default" || key === "__esModule") return;
16
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
17
+ if (key in exports && exports[key] === _PingPongText[key]) return;
18
+ Object.defineProperty(exports, key, {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _PingPongText[key];
22
+ }
23
+ });
24
+ });
25
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUGluZ1BvbmdUZXh0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImRlc2MiLCJzZXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9QaW5nUG9uZ1RleHQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tIFwiLi9QaW5nUG9uZ1RleHRcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1BpbmdQb25nVGV4dFwiOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsYUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0FDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixhQUFBLEVBQUFLLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQU4sYUFBQSxDQUFBTSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLENBQUE7TUFBQSxPQUFBZCxhQUFBLENBQUFNLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBK0IsU0FBQVMseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQWYsd0JBQUFtQixHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBRyxLQUFBLEdBQUFSLHdCQUFBLENBQUFDLFdBQUEsT0FBQU8sS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQUosR0FBQSxZQUFBRyxLQUFBLENBQUFULEdBQUEsQ0FBQU0sR0FBQSxTQUFBSyxNQUFBLFdBQUFDLHFCQUFBLEdBQUF2QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBd0Isd0JBQUEsV0FBQXJCLEdBQUEsSUFBQWMsR0FBQSxRQUFBZCxHQUFBLGtCQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFXLEdBQUEsRUFBQWQsR0FBQSxTQUFBc0IsSUFBQSxHQUFBRixxQkFBQSxHQUFBdkIsTUFBQSxDQUFBd0Isd0JBQUEsQ0FBQVAsR0FBQSxFQUFBZCxHQUFBLGNBQUFzQixJQUFBLEtBQUFBLElBQUEsQ0FBQWQsR0FBQSxJQUFBYyxJQUFBLENBQUFDLEdBQUEsS0FBQTFCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBYSxNQUFBLEVBQUFuQixHQUFBLEVBQUFzQixJQUFBLFlBQUFILE1BQUEsQ0FBQW5CLEdBQUEsSUFBQWMsR0FBQSxDQUFBZCxHQUFBLFNBQUFtQixNQUFBLENBQUFILE9BQUEsR0FBQUYsR0FBQSxNQUFBRyxLQUFBLElBQUFBLEtBQUEsQ0FBQU0sR0FBQSxDQUFBVCxHQUFBLEVBQUFLLE1BQUEsWUFBQUEsTUFBQSJ9
@@ -0,0 +1,139 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = PixelatedScan;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _chromaJs = _interopRequireDefault(require("chroma-js"));
9
+ var _PixelatedScanModule = _interopRequireDefault(require("./PixelatedScan.module.scss"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
16
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
17
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
18
+ const AnimDuration = Number(_PixelatedScanModule.default.animationDuration);
19
+
20
+ /**
21
+ * This effect scans up and down on the div with a following pixelated trail
22
+ **/
23
+
24
+ /**
25
+ * A visual animation component that creates a pixelated scanning effect.
26
+ * It generates a grid of colored squares that animate in waves to create
27
+ * a dynamic, pixel-art style visual pattern.
28
+ */
29
+ function PixelatedScan(_ref) {
30
+ let {
31
+ squaresByLine,
32
+ color,
33
+ className = ""
34
+ } = _ref;
35
+ const iteration = (0, _react.useRef)(0);
36
+ const tableRef = (0, _react.useRef)(null);
37
+ const [config, setConfig] = (0, _react.useState)();
38
+ (0, _react.useEffect)(() => {
39
+ const squareSize = tableRef.current.clientWidth / squaresByLine;
40
+ const howMuchLines = tableRef.current.clientHeight / squareSize;
41
+ setConfig({
42
+ squareSize,
43
+ howMuchLines
44
+ });
45
+ }, []);
46
+ const rowsDef = (0, _react.useMemo)(() => {
47
+ return new Array(Math.ceil((config === null || config === void 0 ? void 0 : config.howMuchLines) || 0)).fill(undefined);
48
+ }, [config]);
49
+ const lineDef = (0, _react.useMemo)(() => {
50
+ return new Array(squaresByLine).fill(undefined);
51
+ }, [config]);
52
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
53
+ className: "".concat(_PixelatedScanModule.default.grid, " ").concat(_PixelatedScanModule.default.iterate, " ").concat(className),
54
+ ref: tableRef
55
+ }, rowsDef.map((_, iRow, _rows) => /*#__PURE__*/_react.default.createElement(GridRow, {
56
+ key: "".concat(iRow),
57
+ squares: lineDef,
58
+ size: config.squareSize,
59
+ baseColor: color,
60
+ lineCount: config.howMuchLines,
61
+ lineIndex: iRow,
62
+ onFinish: iRow === _rows.length - 6 ? () => {
63
+ tableRef.current.classList.remove(_PixelatedScanModule.default.iterate);
64
+ iteration.current += 1;
65
+ if (iteration.current % 2 === 1) tableRef.current.classList.add(_PixelatedScanModule.default.inverse);else tableRef.current.classList.remove(_PixelatedScanModule.default.inverse);
66
+ setTimeout(() => {
67
+ tableRef.current.classList.add(_PixelatedScanModule.default.iterate);
68
+ }, 100);
69
+ } : undefined
70
+ })), /*#__PURE__*/_react.default.createElement("div", {
71
+ className: _PixelatedScanModule.default.guide
72
+ })));
73
+ }
74
+ function GridRow(_ref2) {
75
+ let {
76
+ onFinish,
77
+ squares,
78
+ size,
79
+ baseColor,
80
+ lineCount,
81
+ lineIndex
82
+ } = _ref2;
83
+ const ref = (0, _react.useRef)(null);
84
+ const gridItemsRefs = (0, _react.useRef)([]);
85
+ (0, _react.useEffect)(() => {
86
+ var _ref$current;
87
+ function updateColor() {
88
+ gridItemsRefs.current.forEach(i => i === null || i === void 0 ? void 0 : i.updateColor());
89
+ }
90
+ (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.addEventListener("animationend", updateColor);
91
+ return () => {
92
+ var _ref$current2;
93
+ (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.removeEventListener("animationend", updateColor);
94
+ };
95
+ }, []);
96
+ return /*#__PURE__*/_react.default.createElement("div", {
97
+ className: _PixelatedScanModule.default.gridAnimate,
98
+ onAnimationEnd: onFinish,
99
+ style: {
100
+ animationDelay: "".concat(AnimDuration / lineCount * (lineIndex - 1), "ms")
101
+ }
102
+ }, squares.map((_, i) => /*#__PURE__*/_react.default.createElement(GridItem, {
103
+ ref: refNode => {
104
+ gridItemsRefs.current[i] = refNode;
105
+ },
106
+ key: i,
107
+ size: size,
108
+ baseColor: baseColor
109
+ })));
110
+ }
111
+ function _GridItem(_ref3, externalRef) {
112
+ let {
113
+ size,
114
+ baseColor = "#ff0"
115
+ } = _ref3;
116
+ const ref = (0, _react.useRef)(null);
117
+ function calculateNewRandomColorStrength() {
118
+ const color = _chromaJs.default.hex(baseColor).alpha(1 - Math.random() * 0.3);
119
+ return color;
120
+ }
121
+ const [randomColorStrength, setRandomColorStrength] = (0, _react.useState)(calculateNewRandomColorStrength);
122
+ (0, _react.useImperativeHandle)(externalRef, () => ({
123
+ updateColor: () => {
124
+ setRandomColorStrength(calculateNewRandomColorStrength());
125
+ }
126
+ }), []);
127
+ return /*#__PURE__*/_react.default.createElement("div", {
128
+ ref: ref,
129
+ className: _PixelatedScanModule.default.gridItem,
130
+ style: _objectSpread({
131
+ width: size,
132
+ height: size
133
+ }, {
134
+ "--pixel-color": randomColorStrength.hex()
135
+ })
136
+ });
137
+ }
138
+ const GridItem = /*#__PURE__*/(0, _react.forwardRef)(_GridItem);
139
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY2hyb21hSnMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX1BpeGVsYXRlZFNjYW5Nb2R1bGUiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0Iiwib3duS2V5cyIsIm9iamVjdCIsImVudW1lcmFibGVPbmx5Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsInN5bWJvbHMiLCJmaWx0ZXIiLCJzeW0iLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJ2YWx1ZSIsIl90b1Byb3BlcnR5S2V5IiwiY29uZmlndXJhYmxlIiwid3JpdGFibGUiLCJhcmciLCJfdG9QcmltaXRpdmUiLCJTdHJpbmciLCJpbnB1dCIsImhpbnQiLCJwcmltIiwiU3ltYm9sIiwidG9QcmltaXRpdmUiLCJ1bmRlZmluZWQiLCJyZXMiLCJUeXBlRXJyb3IiLCJOdW1iZXIiLCJBbmltRHVyYXRpb24iLCJTdHlsZXMiLCJhbmltYXRpb25EdXJhdGlvbiIsIlBpeGVsYXRlZFNjYW4iLCJfcmVmIiwic3F1YXJlc0J5TGluZSIsImNvbG9yIiwiY2xhc3NOYW1lIiwiaXRlcmF0aW9uIiwidXNlUmVmIiwidGFibGVSZWYiLCJjb25maWciLCJzZXRDb25maWciLCJ1c2VTdGF0ZSIsInVzZUVmZmVjdCIsInNxdWFyZVNpemUiLCJjdXJyZW50IiwiY2xpZW50V2lkdGgiLCJob3dNdWNoTGluZXMiLCJjbGllbnRIZWlnaHQiLCJyb3dzRGVmIiwidXNlTWVtbyIsIkFycmF5IiwiTWF0aCIsImNlaWwiLCJmaWxsIiwibGluZURlZiIsImNyZWF0ZUVsZW1lbnQiLCJGcmFnbWVudCIsImNvbmNhdCIsImdyaWQiLCJpdGVyYXRlIiwicmVmIiwibWFwIiwiXyIsImlSb3ciLCJfcm93cyIsIkdyaWRSb3ciLCJzcXVhcmVzIiwic2l6ZSIsImJhc2VDb2xvciIsImxpbmVDb3VudCIsImxpbmVJbmRleCIsIm9uRmluaXNoIiwiY2xhc3NMaXN0IiwicmVtb3ZlIiwiYWRkIiwiaW52ZXJzZSIsInNldFRpbWVvdXQiLCJndWlkZSIsIl9yZWYyIiwiZ3JpZEl0ZW1zUmVmcyIsIl9yZWYkY3VycmVudCIsInVwZGF0ZUNvbG9yIiwiYWRkRXZlbnRMaXN0ZW5lciIsIl9yZWYkY3VycmVudDIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwiZ3JpZEFuaW1hdGUiLCJvbkFuaW1hdGlvbkVuZCIsInN0eWxlIiwiYW5pbWF0aW9uRGVsYXkiLCJHcmlkSXRlbSIsInJlZk5vZGUiLCJfR3JpZEl0ZW0iLCJfcmVmMyIsImV4dGVybmFsUmVmIiwiY2FsY3VsYXRlTmV3UmFuZG9tQ29sb3JTdHJlbmd0aCIsImNocm9tYWpzIiwiaGV4IiwiYWxwaGEiLCJyYW5kb20iLCJyYW5kb21Db2xvclN0cmVuZ3RoIiwic2V0UmFuZG9tQ29sb3JTdHJlbmd0aCIsInVzZUltcGVyYXRpdmVIYW5kbGUiLCJncmlkSXRlbSIsIndpZHRoIiwiaGVpZ2h0IiwiZm9yd2FyZFJlZiJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BpeGVsYXRlZFNjYW4vUGl4ZWxhdGVkU2Nhbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIEVsZW1lbnRSZWYsXG4gIEZvcndhcmRlZFJlZixcbiAgZm9yd2FyZFJlZixcbiAgUmVmT2JqZWN0LFxuICB1c2VFZmZlY3QsXG4gIHVzZUltcGVyYXRpdmVIYW5kbGUsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbiAgdXNlU3RhdGUsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNocm9tYWpzIGZyb20gXCJjaHJvbWEtanNcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vUGl4ZWxhdGVkU2Nhbi5tb2R1bGUuc2Nzc1wiO1xuXG5jb25zdCBBbmltRHVyYXRpb24gPSBOdW1iZXIoU3R5bGVzLmFuaW1hdGlvbkR1cmF0aW9uKTtcblxuLyoqXG4gKiBUaGlzIGVmZmVjdCBzY2FucyB1cCBhbmQgZG93biBvbiB0aGUgZGl2IHdpdGggYSBmb2xsb3dpbmcgcGl4ZWxhdGVkIHRyYWlsXG4gKiovXG5cbi8qKlxuICogQSB2aXN1YWwgYW5pbWF0aW9uIGNvbXBvbmVudCB0aGF0IGNyZWF0ZXMgYSBwaXhlbGF0ZWQgc2Nhbm5pbmcgZWZmZWN0LlxuICogSXQgZ2VuZXJhdGVzIGEgZ3JpZCBvZiBjb2xvcmVkIHNxdWFyZXMgdGhhdCBhbmltYXRlIGluIHdhdmVzIHRvIGNyZWF0ZVxuICogYSBkeW5hbWljLCBwaXhlbC1hcnQgc3R5bGUgdmlzdWFsIHBhdHRlcm4uXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFBpeGVsYXRlZFNjYW4oe1xuICBzcXVhcmVzQnlMaW5lLFxuICBjb2xvcixcbiAgY2xhc3NOYW1lID0gXCJcIixcbn06IHtcbiAgc3F1YXJlc0J5TGluZTogbnVtYmVyO1xuICBjb2xvcjogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59KSB7XG4gIGNvbnN0IGl0ZXJhdGlvbiA9IHVzZVJlZigwKTtcbiAgY29uc3QgdGFibGVSZWYgPSB1c2VSZWY8SFRNTFRhYmxlRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IFtjb25maWcsIHNldENvbmZpZ10gPVxuICAgIHVzZVN0YXRlPHsgc3F1YXJlU2l6ZTogbnVtYmVyOyBob3dNdWNoTGluZXM6IG51bWJlciB9PigpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3Qgc3F1YXJlU2l6ZSA9IHRhYmxlUmVmLmN1cnJlbnQhLmNsaWVudFdpZHRoIC8gc3F1YXJlc0J5TGluZTtcbiAgICBjb25zdCBob3dNdWNoTGluZXMgPSB0YWJsZVJlZi5jdXJyZW50IS5jbGllbnRIZWlnaHQgLyBzcXVhcmVTaXplO1xuXG4gICAgc2V0Q29uZmlnKHtcbiAgICAgIHNxdWFyZVNpemUsXG4gICAgICBob3dNdWNoTGluZXMsXG4gICAgfSk7XG4gIH0sIFtdKTtcbiAgY29uc3Qgcm93c0RlZiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBuZXcgQXJyYXkoTWF0aC5jZWlsKGNvbmZpZz8uaG93TXVjaExpbmVzIHx8IDApKS5maWxsKHVuZGVmaW5lZCk7XG4gIH0sIFtjb25maWddKTtcbiAgY29uc3QgbGluZURlZiA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIHJldHVybiBuZXcgQXJyYXkoc3F1YXJlc0J5TGluZSkuZmlsbCh1bmRlZmluZWQpO1xuICB9LCBbY29uZmlnXSk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMuZ3JpZH0gJHtTdHlsZXMuaXRlcmF0ZX0gJHtjbGFzc05hbWV9YH1cbiAgICAgICAgcmVmPXt0YWJsZVJlZn1cbiAgICAgID5cbiAgICAgICAge3Jvd3NEZWYubWFwKChfLCBpUm93LCBfcm93cykgPT4gKFxuICAgICAgICAgIDxHcmlkUm93XG4gICAgICAgICAgICBrZXk9e2Ake2lSb3d9YH1cbiAgICAgICAgICAgIHNxdWFyZXM9e2xpbmVEZWZ9XG4gICAgICAgICAgICBzaXplPXtjb25maWchLnNxdWFyZVNpemV9XG4gICAgICAgICAgICBiYXNlQ29sb3I9e2NvbG9yfVxuICAgICAgICAgICAgbGluZUNvdW50PXtjb25maWchLmhvd011Y2hMaW5lc31cbiAgICAgICAgICAgIGxpbmVJbmRleD17aVJvd31cbiAgICAgICAgICAgIG9uRmluaXNoPXtcbiAgICAgICAgICAgICAgaVJvdyA9PT0gX3Jvd3MubGVuZ3RoIC0gNlxuICAgICAgICAgICAgICAgID8gKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0YWJsZVJlZi5jdXJyZW50IS5jbGFzc0xpc3QucmVtb3ZlKFN0eWxlcy5pdGVyYXRlKTtcbiAgICAgICAgICAgICAgICAgICAgaXRlcmF0aW9uLmN1cnJlbnQgKz0gMTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGl0ZXJhdGlvbi5jdXJyZW50ICUgMiA9PT0gMSlcbiAgICAgICAgICAgICAgICAgICAgICB0YWJsZVJlZi5jdXJyZW50IS5jbGFzc0xpc3QuYWRkKFN0eWxlcy5pbnZlcnNlKTtcbiAgICAgICAgICAgICAgICAgICAgZWxzZSB0YWJsZVJlZi5jdXJyZW50IS5jbGFzc0xpc3QucmVtb3ZlKFN0eWxlcy5pbnZlcnNlKTtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgdGFibGVSZWYuY3VycmVudCEuY2xhc3NMaXN0LmFkZChTdHlsZXMuaXRlcmF0ZSk7XG4gICAgICAgICAgICAgICAgICAgIH0sIDEwMCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e1N0eWxlcy5ndWlkZX0gLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvPlxuICApO1xufVxuXG5mdW5jdGlvbiBHcmlkUm93KHtcbiAgb25GaW5pc2gsXG4gIHNxdWFyZXMsXG4gIHNpemUsXG4gIGJhc2VDb2xvcixcbiAgbGluZUNvdW50LFxuICBsaW5lSW5kZXgsXG59OiB7XG4gIHNxdWFyZXM6IEFycmF5PGFueT47XG4gIG9uRmluaXNoPzogKCkgPT4gdm9pZDtcbiAgc2l6ZTogbnVtYmVyO1xuICBiYXNlQ29sb3I/OiBzdHJpbmc7XG4gIGxpbmVDb3VudDogbnVtYmVyO1xuICBsaW5lSW5kZXg6IG51bWJlcjtcbn0pIHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgZ3JpZEl0ZW1zUmVmcyA9IHVzZVJlZjwoRWxlbWVudFJlZjx0eXBlb2YgR3JpZEl0ZW0+IHwgbnVsbClbXT4oW10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZnVuY3Rpb24gdXBkYXRlQ29sb3IoKSB7XG4gICAgICBncmlkSXRlbXNSZWZzLmN1cnJlbnQuZm9yRWFjaCgoaSkgPT4gaT8udXBkYXRlQ29sb3IoKSk7XG4gICAgfVxuICAgIHJlZi5jdXJyZW50Py5hZGRFdmVudExpc3RlbmVyKFwiYW5pbWF0aW9uZW5kXCIsIHVwZGF0ZUNvbG9yKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICByZWYuY3VycmVudD8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImFuaW1hdGlvbmVuZFwiLCB1cGRhdGVDb2xvcik7XG4gICAgfTtcbiAgfSwgW10pO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17U3R5bGVzLmdyaWRBbmltYXRlfVxuICAgICAgb25BbmltYXRpb25FbmQ9e29uRmluaXNofVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgYW5pbWF0aW9uRGVsYXk6IGAkeyhBbmltRHVyYXRpb24gLyBsaW5lQ291bnQpICogKGxpbmVJbmRleCAtIDEpfW1zYCxcbiAgICAgIH19XG4gICAgPlxuICAgICAge3NxdWFyZXMubWFwKChfLCBpKSA9PiAoXG4gICAgICAgIDxHcmlkSXRlbVxuICAgICAgICAgIHJlZj17KHJlZk5vZGUpID0+IHtcbiAgICAgICAgICAgIGdyaWRJdGVtc1JlZnMuY3VycmVudFtpXSA9IHJlZk5vZGU7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBrZXk9e2l9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICBiYXNlQ29sb3I9e2Jhc2VDb2xvcn1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBfR3JpZEl0ZW0oXG4gIHtcbiAgICBzaXplLFxuICAgIGJhc2VDb2xvciA9IFwiI2ZmMFwiLFxuICB9OiB7XG4gICAgc2l6ZTogbnVtYmVyO1xuICAgIGJhc2VDb2xvcj86IHN0cmluZztcbiAgfSxcbiAgZXh0ZXJuYWxSZWY6IEZvcndhcmRlZFJlZjx7IHVwZGF0ZUNvbG9yOiAoKSA9PiB2b2lkIH0+XG4pIHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgZnVuY3Rpb24gY2FsY3VsYXRlTmV3UmFuZG9tQ29sb3JTdHJlbmd0aCgpIHtcbiAgICBjb25zdCBjb2xvciA9IGNocm9tYWpzLmhleChiYXNlQ29sb3IpLmFscGhhKDEgLSBNYXRoLnJhbmRvbSgpICogMC4zKTtcbiAgICByZXR1cm4gY29sb3I7XG4gIH1cbiAgY29uc3QgW3JhbmRvbUNvbG9yU3RyZW5ndGgsIHNldFJhbmRvbUNvbG9yU3RyZW5ndGhdID1cbiAgICB1c2VTdGF0ZTxjaHJvbWFqcy5Db2xvcj4oY2FsY3VsYXRlTmV3UmFuZG9tQ29sb3JTdHJlbmd0aCk7XG5cbiAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICBleHRlcm5hbFJlZixcbiAgICAoKSA9PiAoe1xuICAgICAgdXBkYXRlQ29sb3I6ICgpID0+IHtcbiAgICAgICAgc2V0UmFuZG9tQ29sb3JTdHJlbmd0aChjYWxjdWxhdGVOZXdSYW5kb21Db2xvclN0cmVuZ3RoKCkpO1xuICAgICAgfSxcbiAgICB9KSxcbiAgICBbXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e1N0eWxlcy5ncmlkSXRlbX1cbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHdpZHRoOiBzaXplLFxuICAgICAgICBoZWlnaHQ6IHNpemUsXG4gICAgICAgIC4uLih7IFwiLS1waXhlbC1jb2xvclwiOiByYW5kb21Db2xvclN0cmVuZ3RoLmhleCgpIH0gYXMgYW55KSxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbmNvbnN0IEdyaWRJdGVtID0gZm9yd2FyZFJlZihfR3JpZEl0ZW0pOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBV0EsSUFBQUMsU0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsb0JBQUEsR0FBQUQsc0JBQUEsQ0FBQUYsT0FBQTtBQUFpRCxTQUFBRSx1QkFBQUUsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUFBLFNBQUFHLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFULHdCQUFBSyxHQUFBLEVBQUFJLFdBQUEsU0FBQUEsV0FBQSxJQUFBSixHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBUSxLQUFBLEdBQUFMLHdCQUFBLENBQUFDLFdBQUEsT0FBQUksS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQVQsR0FBQSxZQUFBUSxLQUFBLENBQUFFLEdBQUEsQ0FBQVYsR0FBQSxTQUFBVyxNQUFBLFdBQUFDLHFCQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxN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
@@ -0,0 +1,86 @@
1
+ @use "../../assets/styles/index.scss" as *;
2
+
3
+ $animationDurationMs: 2000;
4
+
5
+ @value animationDuration #{$animationDurationMs};
6
+
7
+ $animationDuration: #{$animationDurationMs}ms;
8
+
9
+ .guide {
10
+ width: 100%;
11
+ position: absolute;
12
+ animation-duration: $animationDuration;
13
+ display: flex;
14
+ flex-direction: column;
15
+ justify-content: flex-end;
16
+ animation-fill-mode: forwards;
17
+ animation-timing-function: linear;
18
+ min-height: 10px;
19
+ top: 0;
20
+ &::after {
21
+ content: " ";
22
+ width: 100%;
23
+ height: 10px;
24
+ background: $pixelatedGuideBackground;
25
+ }
26
+ }
27
+
28
+ .grid {
29
+ position: absolute;
30
+ top: 0px;
31
+ right: 0px;
32
+ left: 0px;
33
+ bottom: 0px;
34
+ overflow: hidden;
35
+ > * {
36
+ display: flex;
37
+ opacity: 0;
38
+ &.guide {
39
+ opacity: 1;
40
+ }
41
+ }
42
+ &.inverse {
43
+ transform: rotateX(180deg);
44
+ }
45
+ }
46
+
47
+ .gridItem {
48
+ background-color: var(--pixel-color);
49
+ }
50
+
51
+ .gridAnimate {
52
+ animation-duration: #{$animationDurationMs}ms;
53
+ }
54
+
55
+ .iterate {
56
+ .guide {
57
+ animation-name: upAndDown;
58
+ }
59
+ .gridAnimate {
60
+ animation-name: onAndOff;
61
+ will-change: opacity;
62
+ }
63
+ }
64
+
65
+ @keyframes onAndOff {
66
+ 0% {
67
+ opacity: 0;
68
+ }
69
+
70
+ 10% {
71
+ opacity: 1;
72
+ }
73
+
74
+ 100% {
75
+ opacity: 0;
76
+ }
77
+ }
78
+
79
+ @keyframes upAndDown {
80
+ 0% {
81
+ height: 0%;
82
+ }
83
+ 100% {
84
+ height: 100%;
85
+ }
86
+ }
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _exportNames = {};
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function () {
10
+ return _PixelatedScan.default;
11
+ }
12
+ });
13
+ var _PixelatedScan = _interopRequireWildcard(require("./PixelatedScan"));
14
+ Object.keys(_PixelatedScan).forEach(function (key) {
15
+ if (key === "default" || key === "__esModule") return;
16
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
17
+ if (key in exports && exports[key] === _PixelatedScan[key]) return;
18
+ Object.defineProperty(exports, key, {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _PixelatedScan[key];
22
+ }
23
+ });
24
+ });
25
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUGl4ZWxhdGVkU2NhbiIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJkZXNjIiwic2V0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUGl4ZWxhdGVkU2Nhbi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL1BpeGVsYXRlZFNjYW5cIjtcbmV4cG9ydCAqIGZyb20gXCIuL1BpeGVsYXRlZFNjYW5cIjsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLGNBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosY0FBQSxFQUFBSyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFOLGNBQUEsQ0FBQU0sR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxDQUFBO01BQUEsT0FBQWQsY0FBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQWdDLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PortalReceiver = void 0;
7
+ exports.default = Portal;
8
+ var _reactDom = _interopRequireDefault(require("react-dom"));
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _PortalModule = _interopRequireDefault(require("./Portal.module.scss"));
11
+ const _excluded = ["name", "className"];
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
17
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
18
+ /**
19
+ * A react portal implementation with current page fallback
20
+ *
21
+ * Usage
22
+ * <PortalReceiver name="receive"/>
23
+ *
24
+ * <Portal to="receive">CHILD</Portal>
25
+ *
26
+ * This component renders its children inside a different part of the DOM tree
27
+ * than where it was originally placed, allowing content to appear outside its
28
+ * parent containers (useful for modals, tooltips, and dropdowns).
29
+ **/
30
+ function Portal(_ref2) {
31
+ let {
32
+ to,
33
+ children
34
+ } = _ref2;
35
+ const [target, setTarget] = (0, _react.useState)();
36
+ (0, _react.useEffect)(() => {
37
+ const els = document.querySelectorAll("[data-one-portal=\"".concat(to, "\"]"));
38
+ let latestEl;
39
+ els.forEach(el => {
40
+ var _latestEl;
41
+ latestEl = Number(el.getAttribute("data-timestamp")) > Number(((_latestEl = latestEl) === null || _latestEl === void 0 ? void 0 : _latestEl.timestamp) || 0) ? el : latestEl;
42
+ });
43
+ setTarget(latestEl || null);
44
+ }, []);
45
+ return target === undefined ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, target === null ? children : /*#__PURE__*/_reactDom.default.createPortal(children, target));
46
+ }
47
+ function _PortalReceiver(_ref3, _ref) {
48
+ let {
49
+ name,
50
+ className = ""
51
+ } = _ref3,
52
+ props = _objectWithoutProperties(_ref3, _excluded);
53
+ const timestamp = (0, _react.useMemo)(() => Date.now(), []);
54
+ return /*#__PURE__*/_react.default.createElement("div", _extends({
55
+ className: "".concat(_PortalModule.default.portal, " ").concat(className),
56
+ "data-one-portal": name,
57
+ ref: _ref,
58
+ "data-timestamp": timestamp
59
+ }, props));
60
+ }
61
+ const PortalReceiver = exports.PortalReceiver = /*#__PURE__*/(0, _react.forwardRef)(_PortalReceiver);
62
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3REb20iLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX1BvcnRhbE1vZHVsZSIsIl9leGNsdWRlZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZXh0ZW5kcyIsImFzc2lnbiIsImJpbmQiLCJ0YXJnZXQiLCJpIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwic291cmNlIiwiYXBwbHkiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMiLCJleGNsdWRlZCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllc0xvb3NlIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwic291cmNlU3ltYm9sS2V5cyIsImluZGV4T2YiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsInNvdXJjZUtleXMiLCJrZXlzIiwiUG9ydGFsIiwiX3JlZjIiLCJ0byIsImNoaWxkcmVuIiwic2V0VGFyZ2V0IiwidXNlU3RhdGUiLCJ1c2VFZmZlY3QiLCJlbHMiLCJkb2N1bWVudCIsInF1ZXJ5U2VsZWN0b3JBbGwiLCJjb25jYXQiLCJsYXRlc3RFbCIsImZvckVhY2giLCJlbCIsIl9sYXRlc3RFbCIsIk51bWJlciIsImdldEF0dHJpYnV0ZSIsInRpbWVzdGFtcCIsInVuZGVmaW5lZCIsImNyZWF0ZUVsZW1lbnQiLCJGcmFnbWVudCIsIlJlYWN0RE9NIiwiY3JlYXRlUG9ydGFsIiwiX1BvcnRhbFJlY2VpdmVyIiwiX3JlZjMiLCJfcmVmIiwibmFtZSIsImNsYXNzTmFtZSIsInByb3BzIiwidXNlTWVtbyIsIkRhdGUiLCJub3ciLCJTdHlsZXMiLCJwb3J0YWwiLCJyZWYiLCJQb3J0YWxSZWNlaXZlciIsImV4cG9ydHMiLCJmb3J3YXJkUmVmIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUG9ydGFsL1BvcnRhbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0RE9NIGZyb20gXCJyZWFjdC1kb21cIjtcbmltcG9ydCBSZWFjdCwge1xuICBEZXRhaWxlZEhUTUxQcm9wcyxcbiAgRm9yd2FyZGVkUmVmLFxuICBmb3J3YXJkUmVmLFxuICBIVE1MQXR0cmlidXRlcyxcbiAgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL1BvcnRhbC5tb2R1bGUuc2Nzc1wiO1xuXG4vKipcbiAqIEEgcmVhY3QgcG9ydGFsIGltcGxlbWVudGF0aW9uIHdpdGggY3VycmVudCBwYWdlIGZhbGxiYWNrXG4gKlxuICogVXNhZ2VcbiAqIDxQb3J0YWxSZWNlaXZlciBuYW1lPVwicmVjZWl2ZVwiLz5cbiAqXG4gKiA8UG9ydGFsIHRvPVwicmVjZWl2ZVwiPkNISUxEPC9Qb3J0YWw+XG4gKlxuICogVGhpcyBjb21wb25lbnQgcmVuZGVycyBpdHMgY2hpbGRyZW4gaW5zaWRlIGEgZGlmZmVyZW50IHBhcnQgb2YgdGhlIERPTSB0cmVlXG4gKiB0aGFuIHdoZXJlIGl0IHdhcyBvcmlnaW5hbGx5IHBsYWNlZCwgYWxsb3dpbmcgY29udGVudCB0byBhcHBlYXIgb3V0c2lkZSBpdHNcbiAqIHBhcmVudCBjb250YWluZXJzICh1c2VmdWwgZm9yIG1vZGFscywgdG9vbHRpcHMsIGFuZCBkcm9wZG93bnMpLlxuICoqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUG9ydGFsKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxufTogUHJvcHNXaXRoQ2hpbGRyZW48eyB0bzogc3RyaW5nIH0+KSB7XG4gIGNvbnN0IFt0YXJnZXQsIHNldFRhcmdldF0gPSB1c2VTdGF0ZTxFbGVtZW50IHwgbnVsbD4oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVscyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoYFtkYXRhLW9uZS1wb3J0YWw9XCIke3RvfVwiXWApO1xuICAgIGxldCBsYXRlc3RFbDogYW55O1xuICAgIGVscy5mb3JFYWNoKChlbDogYW55KSA9PiB7XG4gICAgICBsYXRlc3RFbCA9XG4gICAgICAgIE51bWJlcihlbC5nZXRBdHRyaWJ1dGUoXCJkYXRhLXRpbWVzdGFtcFwiKSkgPlxuICAgICAgICAgIE51bWJlcihsYXRlc3RFbD8udGltZXN0YW1wIHx8IDApXG4gICAgICAgICAgPyBlbFxuICAgICAgICAgIDogbGF0ZXN0RWw7XG4gICAgfSk7XG4gICAgc2V0VGFyZ2V0KGxhdGVzdEVsIHx8IG51bGwpO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHRhcmdldCA9PT0gdW5kZWZpbmVkID8gbnVsbCA6IChcbiAgICA8Pnt0YXJnZXQgPT09IG51bGwgPyBjaGlsZHJlbiA6IFJlYWN0RE9NLmNyZWF0ZVBvcnRhbChjaGlsZHJlbiBhcyBhbnksIHRhcmdldCl9PC8+XG4gICk7XG59XG5cbmZ1bmN0aW9uIF9Qb3J0YWxSZWNlaXZlcihcbiAge1xuICAgIG5hbWUsXG4gICAgY2xhc3NOYW1lID0gXCJcIixcbiAgICAuLi5wcm9wc1xuICB9OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgfSAmIE9taXQ8XG4gICAgRGV0YWlsZWRIVE1MUHJvcHM8SFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+LCBIVE1MRGl2RWxlbWVudD4sXG4gICAgXCJyZWZcIlxuICA+LFxuICBfcmVmOiBGb3J3YXJkZWRSZWY8SFRNTERpdkVsZW1lbnQ+XG4pIHtcbiAgY29uc3QgdGltZXN0YW1wID0gdXNlTWVtbygoKSA9PiBEYXRlLm5vdygpLCBbXSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMucG9ydGFsfSAke2NsYXNzTmFtZX1gfVxuICAgICAgZGF0YS1vbmUtcG9ydGFsPXtuYW1lfVxuICAgICAgcmVmPXtfcmVmfVxuICAgICAgZGF0YS10aW1lc3RhbXA9e3RpbWVzdGFtcH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufVxuXG5leHBvcnQgY29uc3QgUG9ydGFsUmVjZWl2ZXIgPSBmb3J3YXJkUmVmKF9Qb3J0YWxSZWNlaXZlcik7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxTQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFXQSxJQUFBRyxhQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFBMEMsTUFBQUksU0FBQTtBQUFBLFNBQUFDLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFKLHdCQUFBUSxHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBRyxLQUFBLEdBQUFSLHdCQUFBLENB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
@@ -0,0 +1,3 @@
1
+ .portal > :not(:last-child) {
2
+ display: none;
3
+ }
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ var _exportNames = {};
7
+ Object.defineProperty(exports, "default", {
8
+ enumerable: true,
9
+ get: function () {
10
+ return _Portal.default;
11
+ }
12
+ });
13
+ var _Portal = _interopRequireWildcard(require("./Portal"));
14
+ Object.keys(_Portal).forEach(function (key) {
15
+ if (key === "default" || key === "__esModule") return;
16
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
17
+ if (key in exports && exports[key] === _Portal[key]) return;
18
+ Object.defineProperty(exports, key, {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _Portal[key];
22
+ }
23
+ });
24
+ });
25
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUG9ydGFsIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImRlc2MiLCJzZXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Qb3J0YWwvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tIFwiLi9Qb3J0YWxcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1BvcnRhbFwiOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsT0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0FDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixPQUFBLEVBQUFLLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQU4sT0FBQSxDQUFBTSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLENBQUE7TUFBQSxPQUFBZCxPQUFBLENBQUFNLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBeUIsU0FBQVMseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQWYsd0JBQUFtQixHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBRyxLQUFBLEdBQUFSLHdCQUFBLENBQUFDLFdBQUEsT0FBQU8sS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQUosR0FBQSxZQUFBRyxLQUFBLENBQUFULEdBQUEsQ0FBQU0sR0FBQSxTQUFBSyxNQUFBLFdBQUFDLHFCQUFBLEdBQUF2QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBd0Isd0JBQUEsV0FBQXJCLEdBQUEsSUFBQWMsR0FBQSxRQUFBZCxHQUFBLGtCQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFXLEdBQUEsRUFBQWQsR0FBQSxTQUFBc0IsSUFBQSxHQUFBRixxQkFBQSxHQUFBdkIsTUFBQSxDQUFBd0Isd0JBQUEsQ0FBQVAsR0FBQSxFQUFBZCxHQUFBLGNBQUFzQixJQUFBLEtBQUFBLElBQUEsQ0FBQWQsR0FBQSxJQUFBYyxJQUFBLENBQUFDLEdBQUEsS0FBQTFCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBYSxNQUFBLEVBQUFuQixHQUFBLEVBQUFzQixJQUFBLFlBQUFILE1BQUEsQ0FBQW5CLEdBQUEsSUFBQWMsR0FBQSxDQUFBZCxHQUFBLFNBQUFtQixNQUFBLENBQUFILE9BQUEsR0FBQUYsR0FBQSxNQUFBRyxLQUFBLElBQUFBLEtBQUEsQ0FBQU0sR0FBQSxDQUFBVCxHQUFBLEVBQUFLLE1BQUEsWUFBQUEsTUFBQSJ9