@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.
- package/.github/workflows/release-browser-bundle.yml +76 -0
- package/README.md +23 -0
- package/dist/assets/img/svg/checkbox.svg +3 -0
- package/dist/assets/styles/index.scss +2 -0
- package/dist/assets/styles/mixins.scss +15 -0
- package/dist/assets/styles/variables.scss +49 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +32 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.module.scss +7 -0
- package/dist/components/AdaptiveButton/index.js +27 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +152 -0
- package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +53 -0
- package/dist/components/AdaptiveContainer/index.js +27 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +81 -0
- package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss +145 -0
- package/dist/components/AdaptiveDialog/index.js +27 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +77 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +49 -0
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.sample.js +13 -0
- package/dist/components/AdaptiveSidebar/index.js +27 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +168 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +64 -0
- package/dist/components/AnchoredTooltip/index.js +27 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +166 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss +108 -0
- package/dist/components/AnimatedEntrance/index.js +27 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.js +95 -0
- package/dist/components/AsyncTriggerContainer/AsyncTriggerContainer.module.scss +22 -0
- package/dist/components/AsyncTriggerContainer/index.js +27 -0
- package/dist/components/AsyncWrapper/AsyncWrapper.js +42 -0
- package/dist/components/AsyncWrapper/index.js +27 -0
- package/dist/components/Avatar/Avatar.js +40 -0
- package/dist/components/Avatar/Avatar.module.scss +22 -0
- package/dist/components/Avatar/index.js +27 -0
- package/dist/components/BucketFill/BucketFill.js +56 -0
- package/dist/components/BucketFill/BucketFill.module.scss +36 -0
- package/dist/components/BucketFill/index.js +27 -0
- package/dist/components/Button/Button.js +39 -0
- package/dist/components/Button/Button.module.scss +45 -0
- package/dist/components/Button/index.js +27 -0
- package/dist/components/Card/Card.js +22 -0
- package/dist/components/Card/Card.module.scss +12 -0
- package/dist/components/Card/index.js +27 -0
- package/dist/components/Chart/Chart.js +27 -0
- package/dist/components/Chart/Chart.logic.js +14 -0
- package/dist/components/Chart/Chart.module.scss +58 -0
- package/dist/components/Chart/Chart.types.js +6 -0
- package/dist/components/Chart/Chart.view.js +184 -0
- package/dist/components/Chart/index.js +27 -0
- package/dist/components/CheckBox/CheckBox.js +52 -0
- package/dist/components/CheckBox/CheckBox.module.scss +36 -0
- package/dist/components/CheckBox/index.js +27 -0
- package/dist/components/CodeInput/CodeInput.js +84 -0
- package/dist/components/CodeInput/CodeInput.module.scss +5 -0
- package/dist/components/CodeInput/index.js +27 -0
- package/dist/components/Collapsable/Collapsable.js +186 -0
- package/dist/components/Collapsable/Collapsable.module.scss +42 -0
- package/dist/components/Collapsable/index.js +27 -0
- package/dist/components/Countdown/Countdown.js +83 -0
- package/dist/components/Countdown/index.js +27 -0
- package/dist/components/CurrencyInput/CurrencyInput.hook.js +28 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +54 -0
- package/dist/components/CurrencyInput/index.js +27 -0
- package/dist/components/Divider/Divider.js +21 -0
- package/dist/components/Divider/Divider.module.scss +7 -0
- package/dist/components/Divider/index.js +27 -0
- package/dist/components/EmailInput/EmailInput.js +48 -0
- package/dist/components/EmailInput/EmailInput.module.scss +0 -0
- package/dist/components/EmailInput/index.js +27 -0
- package/dist/components/FadeIn/FadeIn.js +64 -0
- package/dist/components/FadeIn/FadeIn.module.scss +9 -0
- package/dist/components/FadeIn/index.js +27 -0
- package/dist/components/FileInput/FileInput.js +53 -0
- package/dist/components/FileInput/FileInput.module.scss +6 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +54 -0
- package/dist/components/FileInput/View/BigFactory/BigFactory.module.scss +20 -0
- package/dist/components/FileInput/View/BigFactory/index.js +27 -0
- package/dist/components/FileInput/View/Compact/Compact.js +120 -0
- package/dist/components/FileInput/View/Compact/Compact.module.scss +68 -0
- package/dist/components/FileInput/View/Compact/index.js +27 -0
- package/dist/components/FileInput/View/View.types.js +6 -0
- package/dist/components/FileInput/index.js +27 -0
- package/dist/components/FlowController/FlowController.js +66 -0
- package/dist/components/FlowController/FlowController.module.scss +47 -0
- package/dist/components/FlowController/index.js +27 -0
- package/dist/components/Form/Form.hook.js +234 -0
- package/dist/components/Form/Form.js +115 -0
- package/dist/components/Form/Form.module.scss +0 -0
- package/dist/components/Form/Form.types.js +40 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.js +75 -0
- package/dist/components/Form/FormField/Extensions/DateField/DateField.module.scss +0 -0
- package/dist/components/Form/FormField/Extensions/DateField/index.js +27 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.js +91 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/PhoneField.module.scss +0 -0
- package/dist/components/Form/FormField/Extensions/PhoneField/index.js +27 -0
- package/dist/components/Form/FormField/FormField.js +296 -0
- package/dist/components/Form/FormField/FormField.types.js +12 -0
- package/dist/components/Form/FormField/index.js +27 -0
- package/dist/components/Form/index.js +27 -0
- package/dist/components/Freeze/Freeze.js +18 -0
- package/dist/components/Freeze/index.js +27 -0
- package/dist/components/HSForms/HSForms.js +55 -0
- package/dist/components/HSForms/index.js +27 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +25 -0
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.module.scss +44 -0
- package/dist/components/HeaderCloseBtn/index.js +27 -0
- package/dist/components/InfinityScroll/InfinityScroll.js +128 -0
- package/dist/components/InfinityScroll/InfinityScroll.module.scss +30 -0
- package/dist/components/InfinityScroll/index.js +27 -0
- package/dist/components/Input/Input.js +110 -0
- package/dist/components/Input/Input.module.scss +31 -0
- package/dist/components/Input/index.js +27 -0
- package/dist/components/InstantCounter/InstantCounter.js +55 -0
- package/dist/components/InstantCounter/index.js +27 -0
- package/dist/components/LavaLamp/LavaLamp.data.js +89 -0
- package/dist/components/LavaLamp/LavaLamp.js +125 -0
- package/dist/components/LavaLamp/LavaLamp.module.scss +26 -0
- package/dist/components/LavaLamp/index.js +27 -0
- package/dist/components/LavaLamp/v2/LavaLamp.js +154 -0
- package/dist/components/LavaLamp/v2/LavaLamp.module.scss +23 -0
- package/dist/components/LinkToId/LinkToId.js +45 -0
- package/dist/components/LinkToId/LinkToId.module.scss +4 -0
- package/dist/components/LinkToId/index.js +27 -0
- package/dist/components/Loader/Loader.js +27 -0
- package/dist/components/Loader/Loader.module.scss +40 -0
- package/dist/components/Loader/index.js +27 -0
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +36 -0
- package/dist/components/LoaderDotsIndicator/index.js +27 -0
- package/dist/components/LoopableVideo/LoopableVideo.js +41 -0
- package/dist/components/LoopableVideo/index.js +27 -0
- package/dist/components/MainGrid/MainGrid.js +55 -0
- package/dist/components/MainGrid/MainGrid.module.scss +28 -0
- package/dist/components/MainGrid/index.js +27 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +32 -0
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +220 -0
- package/dist/components/MutableHamburgerButton/index.js +27 -0
- package/dist/components/Notification/Notification.js +24 -0
- package/dist/components/Notification/Notification.module.scss +25 -0
- package/dist/components/Notification/index.js +27 -0
- package/dist/components/NumberInput/NumberInput.js +50 -0
- package/dist/components/NumberInput/index.js +27 -0
- package/dist/components/OrderableList/OrderableList.js +439 -0
- package/dist/components/OrderableList/OrderableList.module.scss +98 -0
- package/dist/components/OrderableList/index.js +27 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.js +261 -0
- package/dist/components/PaginationIndicator/index.js +27 -0
- package/dist/components/Parallax/Parallax.js +169 -0
- package/dist/components/Parallax/Parallax.module.scss +28 -0
- package/dist/components/Parallax/index.js +27 -0
- package/dist/components/Parallax/math/helpers.js +134 -0
- package/dist/components/PasswordInput/PasswordInput.js +97 -0
- package/dist/components/PasswordInput/PasswordInput.module.scss +17 -0
- package/dist/components/PasswordInput/index.js +27 -0
- package/dist/components/PingPongText/PingPongText.js +76 -0
- package/dist/components/PingPongText/PingPongText.module.scss +4 -0
- package/dist/components/PingPongText/index.js +27 -0
- package/dist/components/PixelatedScan/PixelatedScan.js +139 -0
- package/dist/components/PixelatedScan/PixelatedScan.module.scss +86 -0
- package/dist/components/PixelatedScan/index.js +27 -0
- package/dist/components/Portal/Portal.js +62 -0
- package/dist/components/Portal/Portal.module.scss +3 -0
- package/dist/components/Portal/index.js +27 -0
- package/dist/components/ProgressBar/ProgressBar.js +113 -0
- package/dist/components/ProgressBar/ProgressBar.module.scss +44 -0
- package/dist/components/ProgressBar/index.js +27 -0
- package/dist/components/ProgressTexts/ProgressTexts.js +52 -0
- package/dist/components/ProgressTexts/ProgressTexts.module.scss +37 -0
- package/dist/components/ProgressTexts/index.js +27 -0
- package/dist/components/Radio/Radio.js +53 -0
- package/dist/components/Radio/Radio.module.scss +20 -0
- package/dist/components/Radio/index.js +27 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.js +20 -0
- package/dist/components/Radio/variants/Checkmark/Checkmark.module.scss +24 -0
- package/dist/components/Radio/variants/Checkmark/index.js +27 -0
- package/dist/components/Radio/variants/Generic/Generic.js +22 -0
- package/dist/components/Radio/variants/Generic/Generic.module.scss +38 -0
- package/dist/components/Radio/variants/Generic/index.js +27 -0
- package/dist/components/SectionContainer/SectionContainer.js +49 -0
- package/dist/components/SectionContainer/SectionContainer.module.scss +30 -0
- package/dist/components/SectionContainer/index.js +27 -0
- package/dist/components/Select/Select.js +138 -0
- package/dist/components/Select/Select.module.scss +60 -0
- package/dist/components/Select/index.js +27 -0
- package/dist/components/Skeleton/Skeleton.js +30 -0
- package/dist/components/Skeleton/Skeleton.module.scss +21 -0
- package/dist/components/Skeleton/index.js +27 -0
- package/dist/components/Slider/Slider.js +70 -0
- package/dist/components/Slider/Slider.module.scss +7 -0
- package/dist/components/Slider/index.js +27 -0
- package/dist/components/Spacing/Spacing.js +34 -0
- package/dist/components/Spacing/Spacing.module.scss +13 -0
- package/dist/components/Spacing/index.js +27 -0
- package/dist/components/StaticScroller/StaticScroller.js +72 -0
- package/dist/components/StaticScroller/StaticScroller.module.scss +14 -0
- package/dist/components/StaticScroller/index.js +27 -0
- package/dist/components/Switch/Switch.js +47 -0
- package/dist/components/Switch/Switch.module.scss +46 -0
- package/dist/components/Switch/index.js +27 -0
- package/dist/components/Table/Table.js +115 -0
- package/dist/components/Table/Table.module.scss +74 -0
- package/dist/components/Table/index.js +27 -0
- package/dist/components/Tabs/Tabs.js +67 -0
- package/dist/components/Tabs/Tabs.module.scss +40 -0
- package/dist/components/Tabs/index.js +27 -0
- package/dist/components/Text/Text.js +44 -0
- package/dist/components/Text/Text.module.scss +13 -0
- package/dist/components/Text/index.js +27 -0
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +49 -0
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +78 -0
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +96 -0
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +67 -0
- package/dist/components/Transition/MasksFactory/utils.js +30 -0
- package/dist/components/Transition/Transition.js +323 -0
- package/dist/components/Transition/Transition.module.scss +211 -0
- package/dist/components/Transition/index.js +27 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.ai.md +9 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +110 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js +32 -0
- package/dist/components/UncontrolledTransition/index.js +27 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +115 -0
- package/dist/components/WalletConnectionWrapper/index.js +27 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +59 -0
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss +5 -0
- package/dist/components/utilitary/ScrollAndFocusLock/index.js +27 -0
- package/dist/context/AsyncProcess.js +74 -0
- package/dist/context/ContextAsyncControl.js +92 -0
- package/dist/context/CustomBrowserRouter.js +50 -0
- package/dist/context/OneUIProvider.js +129 -0
- package/dist/hooks/logs/useDependencyChangeDetection.js +20 -0
- package/dist/hooks/logs/useIsMounting.js +13 -0
- package/dist/hooks/persistence/useLocalStorage.js +48 -0
- package/dist/hooks/shims/ObjectWatchShim.js +54 -0
- package/dist/hooks/ui/useAdaptiveImage.js +36 -0
- package/dist/hooks/ui/useAlternating.js +24 -0
- package/dist/hooks/ui/useBreakpoint.js +26 -0
- package/dist/hooks/ui/useCustomScrollbar.js +28 -0
- package/dist/hooks/ui/useCustomScrollbar.module.scss +20 -0
- package/dist/hooks/ui/useEffectIf.js +14 -0
- package/dist/hooks/ui/useMouseHover.js +32 -0
- package/dist/hooks/ui/usePaginationControls.js +136 -0
- package/dist/hooks/ui/usePaginationControls.module.scss +16 -0
- package/dist/hooks/ui/useSnapToViewport.js +26 -0
- package/dist/hooks/ui/useSnapToViewport.module.scss +6 -0
- package/dist/hooks/ui/useTilt.js +161 -0
- package/dist/hooks/ui/useZoomable.js +135 -0
- package/dist/hooks/ui/useZoomable.module.scss +34 -0
- package/dist/hooks/useAsyncControl.ai.md +25 -0
- package/dist/hooks/useAsyncControl.js +79 -0
- package/dist/hooks/useContainedRepositioning.js +83 -0
- package/dist/hooks/useCustomHistory.js +24 -0
- package/dist/hooks/useElementFit.js +54 -0
- package/dist/hooks/useFirestoreWatch.js +45 -0
- package/dist/hooks/useFreeze.js +17 -0
- package/dist/hooks/useHero.js +273 -0
- package/dist/hooks/useHero.module.scss +41 -0
- package/dist/hooks/useIntersection.js +39 -0
- package/dist/hooks/useMergeRefs.js +36 -0
- package/dist/hooks/useObserve.js +25 -0
- package/dist/hooks/usePagination.js +163 -0
- package/dist/hooks/usePooledOperation.js +52 -0
- package/dist/hooks/usePooling.js +52 -0
- package/dist/hooks/useRebound.js +32 -0
- package/dist/hooks/useShortIntl.ai.md +5 -0
- package/dist/hooks/useShortIntl.js +82 -0
- package/dist/hooks/utility/useAsyncMemo.js +45 -0
- package/dist/hooks/utility/useDepChange.js +17 -0
- package/dist/hooks/utility/useEvents.js +33 -0
- package/dist/hooks/utility/useImmediate.js +14 -0
- package/dist/hooks/utility/useManualInit.js +25 -0
- package/dist/hooks/utility/useModule.js +18 -0
- package/dist/hooks/utility/useQuery.js +20 -0
- package/dist/hooks/utility/useUniqueEffect.js +20 -0
- package/dist/index.js +2149 -0
- package/dist/index.preprocess.js +42 -0
- package/dist/models/DebugLogger.js +16 -0
- package/dist/models/GenericContract.js +51 -0
- package/dist/models/Orbs.js +67 -0
- package/dist/reac-app-env.d.js +2 -0
- package/dist/storybook/assets/video/txt-reversed.mp4 +0 -0
- package/dist/storybookUtils/index.js +44 -0
- package/dist/type-utils.js +6 -0
- package/dist/types.js +6 -0
- package/dist/utility.d.js +2 -0
- package/dist/utils/blockchain.js +46 -0
- package/dist/utils/e2e.js +33 -0
- package/dist/utils/flatten.js +19 -0
- package/dist/utils/formatters.js +63 -0
- package/dist/utils/html.utils.js +15 -0
- package/dist/utils/ownEvent.js +16 -0
- package/dist/utils/test.js +19 -0
- package/dist-browser/bundle.js +83650 -0
- package/dist-browser/bundle.js.LICENSE.txt +94 -0
- package/dist-browser/bundle.js.map +1 -0
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js +2 -1
- package/dist-ts/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -1
- package/dist-ts/components/AnchoredTooltip/AnchoredTooltip.module.scss +13 -10
- package/dist-ts/components/CheckBox/CheckBox.d.ts +3 -1
- package/dist-ts/components/CheckBox/CheckBox.js +7 -4
- package/dist-ts/components/CheckBox/CheckBox.js.map +1 -1
- package/dist-ts/components/CheckBox/CheckBox.module.scss +5 -0
- package/dist-ts/components/Input/Input.js +1 -1
- package/dist-ts/components/Input/Input.js.map +1 -1
- package/dist-ts/context/OneUIProvider.d.ts +3 -1
- package/dist-ts/context/OneUIProvider.js.map +1 -1
- package/dist-ts/hooks/ui/useAdaptiveImage.d.ts +1 -1
- package/dist-ts/hooks/ui/useAdaptiveImage.js +1 -1
- package/dist-ts/hooks/ui/useAdaptiveImage.js.map +1 -1
- package/dist-ts/hooks/ui/useMouseHover.d.ts +2 -2
- package/dist-ts/hooks/ui/useMouseHover.js +6 -5
- package/dist-ts/hooks/ui/useMouseHover.js.map +1 -1
- package/dist-ts/hooks/useObserve.d.ts +1 -1
- package/dist-ts/hooks/useObserve.js +1 -1
- package/dist-ts/hooks/useObserve.js.map +1 -1
- package/dist-ts/index.d.ts +1 -0
- package/dist-ts/index.js +1 -0
- package/dist-ts/index.js.map +1 -1
- package/dist-ts/models/ImageScales.d.ts +7 -0
- package/dist-ts/models/ImageScales.js +9 -0
- package/dist-ts/models/ImageScales.js.map +1 -0
- package/example.html +76 -0
- package/package.json +11 -4
- 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,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,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
|