ranui 0.1.10-alpha.7 → 0.2.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +397 -0
- package/README.zh-CN.md +369 -0
- package/dist/assets/image/failImage.d.ts +2 -0
- package/dist/bin/generate-component-api.d.ts +1 -0
- package/dist/bin/generate-style-docs.d.ts +1 -0
- package/dist/build/config.bundle.d.ts +2 -0
- package/dist/build/config.d.ts +3 -0
- package/dist/build/config.es.d.ts +2 -0
- package/dist/build/config.umd.d.ts +1 -0
- package/dist/builder.d.ts +11 -0
- package/dist/builder.js +39 -0
- package/dist/button-DukaD6uL.js +117 -0
- package/dist/button.js +3 -5
- package/dist/card-DQUJoDUQ.js +60 -0
- package/dist/card.js +5 -0
- package/dist/checkbox-iHZQb-yQ.js +94 -0
- package/dist/checkbox.js +3 -5
- package/dist/colorpicker-Ch67dWa_.js +302 -0
- package/dist/colorpicker.js +3 -9
- package/dist/components/button/index.d.ts +44 -0
- package/dist/components/card/index.d.ts +21 -0
- package/dist/components/checkbox/index.d.ts +35 -0
- package/dist/components/colorpicker/index.d.ts +88 -0
- package/dist/components/dropdown/index.d.ts +32 -0
- package/dist/components/form/index.d.ts +15 -0
- package/dist/components/icon/index.d.ts +58 -0
- package/dist/components/image/index.d.ts +25 -0
- package/dist/components/input/index.d.ts +229 -0
- package/dist/components/link/index.d.ts +21 -0
- package/dist/components/loading/index.d.ts +76 -0
- package/dist/components/math/index.d.ts +16 -0
- package/dist/components/message/container.d.ts +8 -0
- package/dist/components/message/index.d.ts +32 -0
- package/dist/components/modal/index.d.ts +100 -0
- package/dist/components/player/core/constants.d.ts +5 -0
- package/dist/components/player/core/controller.d.ts +33 -0
- package/dist/components/player/core/events.d.ts +10 -0
- package/dist/components/player/core/fullscreen.d.ts +5 -0
- package/dist/components/player/core/levels.d.ts +20 -0
- package/dist/components/player/core/media.d.ts +50 -0
- package/dist/components/player/core/playback.d.ts +14 -0
- package/dist/components/player/core/progress.d.ts +2 -0
- package/dist/components/player/core/state.d.ts +27 -0
- package/dist/components/player/core/view.d.ts +39 -0
- package/dist/components/player/index.d.ts +277 -0
- package/dist/components/popover/content/index.d.ts +12 -0
- package/dist/components/popover/index.d.ts +95 -0
- package/dist/components/progress/index.d.ts +40 -0
- package/dist/components/radar/index.d.ts +52 -0
- package/dist/components/route/index.d.ts +26 -0
- package/dist/components/router/index.d.ts +24 -0
- package/dist/components/scratch/index.d.ts +19 -0
- package/dist/components/section/index.d.ts +23 -0
- package/dist/components/select/dropdown-item/index.d.ts +21 -0
- package/dist/components/select/index.d.ts +135 -0
- package/dist/components/select/option/index.d.ts +19 -0
- package/dist/components/skeleton/index.d.ts +13 -0
- package/dist/components/tab/index.d.ts +58 -0
- package/dist/components/tabpane/index.d.ts +33 -0
- package/dist/demo/i18n.d.ts +4 -0
- package/dist/demo/index.d.ts +3 -0
- package/dist/demo/register-icons.d.ts +1 -0
- package/dist/dropdown-C5362qTy.js +82 -0
- package/dist/dropdown.js +6 -0
- package/dist/events-C59wGdni.js +30 -0
- package/dist/factory-BdsO0dEW.js +165 -0
- package/dist/form-05Lxxl3D.js +44 -0
- package/dist/form.js +5 -0
- package/dist/icon-DmoEnao5.js +165 -0
- package/dist/icon.js +4 -4
- package/dist/{index-KS2nvVcO.js → image-6GayFDqX.js} +58 -71
- package/dist/image.js +3 -2
- package/dist/index.cjs +35 -0
- package/dist/index.d.ts +277 -116
- package/dist/index.iife.js +306 -0
- package/dist/index.js +78 -38
- package/dist/input-DoraIb3x.js +198 -0
- package/dist/input.js +2 -3
- package/dist/katex-es-Bpesphgp.js +23682 -0
- package/dist/katex-es-Cnq5Pk8K.cjs +261 -0
- package/dist/link-BW-gvrpN.js +77 -0
- package/dist/link.js +6 -0
- package/dist/loading-Mko22ncl.js +206 -0
- package/dist/loading.js +4 -6
- package/dist/math-B5PpSnFR.js +52 -0
- package/dist/math.js +2 -4
- package/dist/message-CQENvkoi.js +137 -0
- package/dist/message.js +3 -4
- package/dist/mocks-CMGoftIc.js +179 -0
- package/dist/modal-DruDj3AB.js +350 -0
- package/dist/modal.js +3 -2
- package/dist/player-CvfmwWUa.js +13536 -0
- package/dist/player.js +3 -6
- package/dist/playwright.config.d.ts +2 -0
- package/dist/plugins/load-svg.d.ts +9 -0
- package/dist/popover-BCvHwLZb.js +213 -0
- package/dist/popover.js +3 -5
- package/dist/progress-BWkNf2J5.js +123 -0
- package/dist/progress.js +3 -5
- package/dist/radar-CWsawt2g.js +181 -0
- package/dist/radar.js +3 -4
- package/dist/ranui.css +1 -0
- package/dist/route-BY_E6-2C.js +88 -0
- package/dist/route.js +6 -0
- package/dist/router-BDcv4F-2.js +79 -0
- package/dist/router.js +6 -0
- package/dist/scratch-Dbd9G6Q6.js +60 -0
- package/dist/scratch.js +4 -0
- package/dist/section-CNTvgdQ-.js +63 -0
- package/dist/section.js +5 -0
- package/dist/select-BmhCUTLb.js +433 -0
- package/dist/select.js +3 -8
- package/dist/signal-XHfNsQNW.js +57 -0
- package/dist/skeleton-DPv9nFhL.js +32 -0
- package/dist/skeleton.js +3 -2
- package/dist/ssg.js +21 -0
- package/dist/ssr-DSGwPtEd.js +34 -0
- package/dist/ssr-stream.d.ts +1 -0
- package/dist/ssr-stream.js +87 -0
- package/dist/ssr.d.ts +1 -0
- package/dist/ssr.js +7 -0
- package/dist/style.d.ts +1 -0
- package/dist/style.js +0 -0
- package/dist/tab-C9swK-hm.js +185 -0
- package/dist/tab.js +3 -4
- package/dist/tabpane-B_M-Jokw.js +87 -0
- package/dist/tabpane.js +3 -2
- package/dist/test/e2e/button.spec.d.ts +1 -0
- package/dist/test/e2e/checkbox.spec.d.ts +1 -0
- package/dist/test/e2e/helpers.d.ts +13 -0
- package/dist/test/e2e/icon.spec.d.ts +1 -0
- package/dist/test/e2e/image.spec.d.ts +1 -0
- package/dist/test/e2e/input.spec.d.ts +1 -0
- package/dist/test/e2e/loading.spec.d.ts +1 -0
- package/dist/test/e2e/message.spec.d.ts +1 -0
- package/dist/test/e2e/modal.spec.d.ts +1 -0
- package/dist/test/e2e/popover.spec.d.ts +1 -0
- package/dist/test/e2e/progress.spec.d.ts +1 -0
- package/dist/test/e2e/radar.spec.d.ts +1 -0
- package/dist/test/e2e/select.spec.d.ts +1 -0
- package/dist/test/e2e/skeleton.spec.d.ts +1 -0
- package/dist/test/e2e/tab.spec.d.ts +1 -0
- package/dist/test/e2e/visual/colorpicker.spec.d.ts +1 -0
- package/dist/test/e2e/visual/components.spec.d.ts +1 -0
- package/dist/test/e2e/visual/player.spec.d.ts +1 -0
- package/dist/test/integration/composition.test.d.ts +23 -0
- package/dist/test/setup.d.ts +0 -0
- package/dist/test/ssr/builder.core.ssr.test.d.ts +1 -0
- package/dist/test/ssr/builder.factory.ssr.test.d.ts +1 -0
- package/dist/test/ssr/builder.mocks.test.d.ts +1 -0
- package/dist/test/ssr/components/button.test.d.ts +1 -0
- package/dist/test/ssr/css-vars.test.d.ts +1 -0
- package/dist/test/ssr/registry.test.d.ts +1 -0
- package/dist/test/ssr/router.ssg.test.d.ts +2 -0
- package/dist/test/ssr/snapshots/button.test.d.ts +1 -0
- package/dist/test/ssr/stream.test.d.ts +2 -0
- package/dist/test/ssr/theme.tokens.ssr.test.d.ts +1 -0
- package/dist/test/unit/builder.core.browser.test.d.ts +1 -0
- package/dist/test/unit/builder.escape.test.d.ts +1 -0
- package/dist/test/unit/builder.selectors.test.d.ts +1 -0
- package/dist/test/unit/button.contract.test.d.ts +1 -0
- package/dist/test/unit/card.contract.test.d.ts +1 -0
- package/dist/test/unit/checkbox.contract.test.d.ts +1 -0
- package/dist/test/unit/colorpicker.color.utils.test.d.ts +1 -0
- package/dist/test/unit/colorpicker.contract.test.d.ts +1 -0
- package/dist/test/unit/colorpicker.methods.test.d.ts +1 -0
- package/dist/test/unit/component.helpers.test.d.ts +1 -0
- package/dist/test/unit/dropdown-item.contract.test.d.ts +1 -0
- package/dist/test/unit/dropdown.contract.test.d.ts +1 -0
- package/dist/test/unit/form.contract.test.d.ts +1 -0
- package/dist/test/unit/helpers/component.d.ts +3 -0
- package/dist/test/unit/helpers/dom.d.ts +2 -0
- package/dist/test/unit/icon.contract.test.d.ts +1 -0
- package/dist/test/unit/image.contract.test.d.ts +1 -0
- package/dist/test/unit/input.contract.test.d.ts +1 -0
- package/dist/test/unit/link.contract.test.d.ts +1 -0
- package/dist/test/unit/loading.contract.test.d.ts +1 -0
- package/dist/test/unit/math.contract.test.d.ts +1 -0
- package/dist/test/unit/message.component.test.d.ts +1 -0
- package/dist/test/unit/message.container.test.d.ts +1 -0
- package/dist/test/unit/modal.contract.test.d.ts +1 -0
- package/dist/test/unit/option.contract.test.d.ts +1 -0
- package/dist/test/unit/package-exports.source.test.d.ts +1 -0
- package/dist/test/unit/player-controls.test.d.ts +1 -0
- package/dist/test/unit/player-core.test.d.ts +1 -0
- package/dist/test/unit/player-event-handlers.test.d.ts +1 -0
- package/dist/test/unit/player-events.test.d.ts +1 -0
- package/dist/test/unit/player-fullscreen.test.d.ts +1 -0
- package/dist/test/unit/player-interactions.test.d.ts +1 -0
- package/dist/test/unit/player-levels.test.d.ts +1 -0
- package/dist/test/unit/player-media.test.d.ts +1 -0
- package/dist/test/unit/player-playback.test.d.ts +1 -0
- package/dist/test/unit/player.contract.test.d.ts +1 -0
- package/dist/test/unit/popover-accessibility.test.d.ts +1 -0
- package/dist/test/unit/popover.contract.test.d.ts +2 -0
- package/dist/test/unit/progress.contract.test.d.ts +1 -0
- package/dist/test/unit/radar.contract.test.d.ts +1 -0
- package/dist/test/unit/route.contract.test.d.ts +1 -0
- package/dist/test/unit/router.contract.test.d.ts +2 -0
- package/dist/test/unit/scratch.contract.test.d.ts +1 -0
- package/dist/test/unit/select-accessibility.test.d.ts +1 -0
- package/dist/test/unit/select-option.contract.test.d.ts +1 -0
- package/dist/test/unit/select.contract.test.d.ts +1 -0
- package/dist/test/unit/skeleton.contract.test.d.ts +1 -0
- package/dist/test/unit/ssr.test.d.ts +1 -0
- package/dist/test/unit/tab.contract.test.d.ts +2 -0
- package/dist/test/unit/theme.semantic-tokens.test.d.ts +1 -0
- package/dist/test/unit/theme.skin-tokens.test.d.ts +1 -0
- package/dist/test/unit/utils.dom.test.d.ts +1 -0
- package/dist/test/unit/utils.error.test.d.ts +1 -0
- package/dist/test/unit/utils.i18n.test.d.ts +1 -0
- package/dist/test/unit/utils.image.test.d.ts +1 -0
- package/dist/test/unit/utils.math.test.d.ts +1 -0
- package/dist/test/unit/utils.router.test.d.ts +1 -0
- package/dist/test/unit/utils.signal.test.d.ts +1 -0
- package/dist/test/unit/utils.ssr-stream.test.d.ts +1 -0
- package/dist/test/unit/utils.style.test.d.ts +1 -0
- package/dist/test/unit/utils.theme.test.d.ts +1 -0
- package/dist/test/unit/utils.tween.test.d.ts +1 -0
- package/dist/tsconfig.json +9 -9
- package/dist/typings.d.ts +163 -116
- package/dist/utils/builder/core.d.ts +70 -0
- package/dist/utils/builder/env.d.ts +1 -0
- package/dist/utils/builder/escape.d.ts +2 -0
- package/dist/utils/builder/events.d.ts +55 -0
- package/dist/utils/builder/factory.d.ts +18 -0
- package/dist/utils/builder/index.d.ts +9 -0
- package/dist/utils/builder/mocks.d.ts +62 -0
- package/dist/utils/builder/selectors.d.ts +4 -0
- package/dist/utils/builder/signal.d.ts +87 -0
- package/dist/utils/color.d.ts +52 -0
- package/dist/utils/component.d.ts +16 -0
- package/dist/utils/dom.d.ts +39 -0
- package/dist/utils/error.d.ts +6 -0
- package/dist/utils/i18n/index.d.ts +53 -0
- package/dist/utils/i18n.js +88 -0
- package/dist/utils/image.d.ts +39 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/math.d.ts +26 -0
- package/dist/utils/router/index.d.ts +128 -0
- package/dist/utils/router.js +197 -0
- package/dist/utils/ssg.d.ts +49 -0
- package/dist/utils/ssr-registry.d.ts +8 -0
- package/dist/utils/ssr-stream.d.ts +23 -0
- package/dist/utils/ssr.d.ts +17 -0
- package/dist/utils/style.d.ts +12 -0
- package/dist/utils/theme.d.ts +9 -0
- package/dist/utils/tween.d.ts +21 -0
- package/dist/utils/video.d.ts +40 -0
- package/dist/utils-D4pPF77E.js +689 -0
- package/dist/vite.config.d.ts +6 -0
- package/dist/vitest.config.d.ts +2 -0
- package/dist/vitest.config.ssr.d.ts +2 -0
- package/docs/COMPONENTS.md +326 -0
- package/docs/DESIGN.md +182 -0
- package/docs/style-tokens-public.md +880 -0
- package/package.json +138 -74
- package/typings.d.ts +163 -116
- package/dist/_commonjs-dynamic-modules-DLbDWi6a.js +0 -12
- package/dist/add-user-BN1JlY7e.js +0 -4
- package/dist/arrow-down-Beig7FXI.js +0 -652
- package/dist/book-nTEFXU2x.js +0 -4
- package/dist/check-circle-fill-B_pd8ZSs.js +0 -4
- package/dist/check-circle-szyAJiap.js +0 -4
- package/dist/close-CFnkhudp.js +0 -4
- package/dist/close-circle-CwmuN2C6.js +0 -4
- package/dist/close-circle-fill-jSqPPw9i.js +0 -4
- package/dist/colz-DJZvo_8B.js +0 -232
- package/dist/docx-CHkPTdGU.js +0 -3665
- package/dist/drop-4j4abxje.js +0 -36
- package/dist/eye-D_mEt17f.js +0 -4
- package/dist/eye-close-BVr3NJtg.js +0 -4
- package/dist/home-BUQ4USMk.js +0 -4
- package/dist/iconShadowless.js +0 -6
- package/dist/index-BZR0HaP2.js +0 -40
- package/dist/index-Bl6-5Hp8.js +0 -63701
- package/dist/index-C0Xh8vJ3.js +0 -146
- package/dist/index-C4Sv0T51.js +0 -495
- package/dist/index-CGEx9VOA.js +0 -17106
- package/dist/index-CILRcFIV.js +0 -100
- package/dist/index-CQTJoWhb.js +0 -19
- package/dist/index-CWNtaUwu.js +0 -308
- package/dist/index-CjSKJE6S.js +0 -158
- package/dist/index-Ck9TOxFh.js +0 -279
- package/dist/index-CryFK9u4.js +0 -320
- package/dist/index-D4twPONc.js +0 -187
- package/dist/index-D83djTVa.js +0 -659
- package/dist/index-DAxs7Dd2.js +0 -119
- package/dist/index-DBecKjmY.js +0 -279
- package/dist/index-DC5EA657.js +0 -91
- package/dist/index-DHTzB_6b.js +0 -9575
- package/dist/index-DL-1C2RQ.js +0 -496
- package/dist/index-DN-kAx-A.js +0 -72
- package/dist/index-TlwIh-o2.js +0 -306
- package/dist/index-WfFw4LJT.js +0 -490
- package/dist/index-lLO-8KJ1.js +0 -204
- package/dist/index-oD-_YELB.js +0 -511
- package/dist/index-qvcQTV5_.js +0 -105
- package/dist/info-circle-COnL5bTJ.js +0 -4
- package/dist/info-circle-fill-CFeVMdci.js +0 -4
- package/dist/inputShadowless.js +0 -6
- package/dist/jszip.min-Dhs3nUkD.js +0 -2346
- package/dist/katex-es-B5r5vt3m.js +0 -14628
- package/dist/loading-Dcc5RApI.js +0 -4
- package/dist/loading-scene-BMc2wqKm.js +0 -4
- package/dist/lock-Cr7BnmWN.js +0 -4
- package/dist/message-D36_Zo2l.js +0 -4
- package/dist/pdf-Cx0VWKFo.js +0 -118
- package/dist/power-off-lQRbiBak.js +0 -4
- package/dist/preview-CJbz9GjO.js +0 -4
- package/dist/preview.js +0 -7
- package/dist/selectShadowless.js +0 -564
- package/dist/setting-DemlgzVC.js +0 -4
- package/dist/shadowless.js +0 -8
- package/dist/sprite-CH2zLtZy.js +0 -141
- package/dist/style.css +0 -1
- package/dist/team-tl4NJXPC.js +0 -4
- package/dist/umd/index.umd.cjs +0 -60
- package/dist/umd/shadowless/shadowless.umd.cjs +0 -1
- package/dist/umd/shadowless/style.css +0 -1
- package/dist/umd/style.css +0 -1
- package/dist/unlock-CeU74z9n.js +0 -4
- package/dist/user-B-eVXwuk.js +0 -4
- package/dist/warning-circle-DDUgEDIv.js +0 -4
- package/dist/warning-circle-fill-lODUKz0i.js +0 -4
- package/readme.md +0 -176
package/dist/index-DL-1C2RQ.js
DELETED
|
@@ -1,496 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
-
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
|
-
import { c as create } from "./arrow-down-Beig7FXI.js";
|
|
5
|
-
import { H as HTMLElementSSR, c as createCustomError } from "./index-DC5EA657.js";
|
|
6
|
-
const f7170ee498e0dd32cbdcb63fba8f75cc = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}.ran-loading .stretch{width:var(--loading-stretch-width, 4em);height:var(--loading-stretch-height, 5em);text-align:var(--loading-stretch-text-align, center);display:var(--loading-stretch-display, flex);flex-flow:var(--loading-stretch-flex-flow, row nowrap);justify-content:var(--loading-stretch-justify-content, space-between);align-items:var(--loading-stretch-align-items, center)}@keyframes ran-loading-stretch{0%,40%,to{transform:var(--loading-stretch-keyframes-0, scaleY(.4))}20%{transform:var(--loading-stretch-keyframes-20, scaleY(1))}}.ran-loading .stretch div{background-color:var(--loading-stretch-div-background-color, #4096ff);height:var(--loading-stretch-div-height, 100%);width:var(--loading-stretch-div-width, .4em);animation:var(--loading-stretch-div-animation, ran-loading-stretch 1.2s infinite ease-in-out);animation-play-state:var(--loading-stretch-div-animation-play-state, running)}.ran-loading .stretch .rect5{animation-delay:var(--loading-stretch-rect-animation-delay, -.8s)}.ran-loading .stretch .rect4{animation-delay:var(--loading-stretch-rect-animation-delay, -.9s)}.ran-loading .stretch .rect3{animation-delay:var(--loading-stretch-rect-animation-delay, -1s)}.ran-loading .stretch .rect2{animation-delay:var(--loading-stretch-rect-animation-delay, -1.1s)}.ran-loading .rotate{width:var(--loading-rotate-width, 4em);height:var(--loading-rotate-height, 4em);background:var(--loading-rotate-background, #4096ff);animation:var(--loading-rotate-animation, ran-loading-rotate 1.2s infinite ease-in-out);animation-play-state:var(--loading-rotate-div-animation-play-state, running)}@keyframes ran-loading-rotate{0%{transform:var(--loading-rotate-keyframes-0, perspective(120px) rotateX(0deg) rotateY(0deg))}50%{transform:var(--loading-rotate-keyframes-50, perspective(120px) rotateX(-180.1deg) rotateY(0deg))}to{transform:var(--loading-rotate-keyframes-100, perspective(120px) rotateX(-180deg) rotateY(-179.9deg))}}.ran-loading .double-bounce{width:var(--loading-double-bounce-width, 4em);height:var(--loading-double-bounce-height, 4em);position:var(--loading-double-bounce-height, relative)}.ran-loading .double-bounce .double-bounce1{width:var(--loading-double-bounce1-width, 100%);height:var(--loading-double-bounce1-height, 100%);border-radius:var(--loading-double-bounce1-border-radius, 50%);background:var(--loading-double-bounce1-background, #4096ff);opacity:var(--loading-double-bounce1-opacity, .6);position:var(--loading-double-bounce1-position, absolute);top:var(--loading-double-bounce1-top, 0);left:var(--loading-double-bounce1-left, 0);animation:var(--loading-double-bounce1-animation, ran-loading-bounce 2s infinite ease-in-out);animation-play-state:var(--loading-double-bounce1-animation-play-state, running)}.ran-loading .double-bounce .double-bounce2{width:var(--loading-double-bounce2-width, 100%);height:var(--loading-double-bounce2-height, 100%);border-radius:var(--loading-double-bounce2-border-radius, 50%);background:var(--loading-double-bounce2-background, #4096ff);opacity:var(--loading-double-bounce2-opacity, .6);position:var(--loading-double-bounce2-position, absolute);top:var(--loading-double-bounce2-top, 0);left:var(--loading-double-bounce2-left, 0);animation:var(--loading-double-bounce2-animation, ran-loading-bounce 2s infinite ease-in-out);animation-delay:var(--loading-double-bounce2-animation-delay, -1s);animation-play-state:var(--loading-double-bounce2-animation-play-state, running)}@keyframes ran-loading-bounce{0%,to{transform:var(--loading-double-bounce-keyframes-0, scale(0))}50%{transform:var(--loading-double-bounce-keyframes-50, scale(1))}}.ran-loading .cube{width:var(--loading-cube-width, 2em);height:var(--loading-cube-width, 2em);position:var(--loading-cube-width, relative)}.ran-loading .cube .cube1{background:var(--loading-cube1-background, #4096ff);width:var(--loading-cube1-width, 2em);height:var(--loading-cube1-height, 2em);position:var(--loading-cube1-position, absolute);top:var(--loading-cube1-top, 0);left:var(--loading-cube1-left, 0);animation:var(--loading-cube1-animation, ran-loading-cube 1.8s infinite ease-in-out);animation-play-state:var(--loading-cube1-animation-play-state, running)}.ran-loading .cube .cube2{background:var(--loading-cube2-background, #4096ff);width:var(--loading-cube2-width, 2em);height:var(--loading-cube2-height, 2em);position:var(--loading-cube2-position, absolute);top:var(--loading-cube2-top, 0);left:var(--loading-cube2-left, 0);animation:var(--loading-cube2-animation, ran-loading-cube 1.8s infinite ease-in-out);animation-delay:var(--loading-cube2-animation-delay, -.9s);animation-play-state:var(--loading-cube2-animation-play-state, running)}@keyframes ran-loading-cube{25%{transform:var(--loading-cube-keyframes-25, translateX(42px) rotate(-90deg) scale(.5))}50%{transform:var(--loading-cube-keyframes-50, translateX(42px) translateY(42px) rotate(-179deg))}50.1%{transform:var(--loading-cube-keyframes-501, translateX(42px) translateY(42px) rotate(-180deg))}75%{transform:var(--loading-cube-keyframes-75, translateX(0px) translateY(42px) rotate(-270deg) scale(.5))}to{transform:var(--loading-cube-keyframes-100, rotate(-360deg))}}.ran-loading .dot{width:var(--loading-dot-width, 4em);height:var(--loading-dot-height, 4em);position:var(--loading-dot-position, relative);text-align:var(--loading-dot-text-align, center);animation:var(--loading-dot-animation, ran-loading-dot-rotate 2s infinite linear);animation-play-state:var(--loading-dot-animation-play-state, running)}.ran-loading .dot .dot1{width:var(--loading-dot1-width, 60%);height:var(--loading-dot1-height, 60%);display:var(--loading-dot1-display, inline-block);position:var(--loading-dot1-position, absolute);top:var(--loading-dot1-top, 0);background:var(--loading-dot1-background, #4096ff);border-radius:var(--loading-dot1-border-radius, 100%);animation:var(--loading-dot1-animation, ran-loading-dot-bounce 2s infinite ease-in-out);animation-play-state:var(--loading-dot1-animation-play-state, running)}.ran-loading .dot .dot2{width:var(--loading-dot2-width, 60%);height:var(--loading-dot2-height, 60%);display:var(--loading-dot2-display, inline-block);position:var(--loading-dot2-position, absolute);background:var(--loading-dot2-background, #4096ff);border-radius:var(--loading-dot2-border-radius, 100%);animation:var(--loading-dot2-animation, ran-loading-dot-bounce 2s infinite ease-in-out);top:var(--loading-dot2-top, auto);bottom:var(--loading-dot2-bottom, 0px);animation-delay:var(--loading-dot2-animation-delay, -1s);animation-play-state:var(--loading-dot2-animation-play-state, running)}@keyframes ran-loading-dot-rotate{to{transform:var(--loading-dot-keyframes-rotate, rotate(360deg))}}@keyframes ran-loading-dot-bounce{0%,to{transform:var(--loading-dot-keyframes-bounce-0, scale(0))}50%{transform:var(--loading-dot-keyframes-bounce-50, scale(1))}}.ran-loading .triple-bounce{width:var(--loading-triple-bounce-width, 10em);text-align:var(--loading-triple-bounce-text-align, center)}.ran-loading .triple-bounce div{width:var(--loading-triple-bounce-div-width, 2em);height:var(--loading-triple-bounce-div-height, 2em);background:var(--loading-triple-bounce-div-background, #4096ff);border-radius:var(--loading-triple-bounce-div-border-radius, 100%);display:var(--loading-triple-bounce-div-display, inline-block);animation:var(--loading-triple-bounce-div-animation, ran-loading-triple-bounce 1.4s infinite ease-in-out);animation-play-state:var(--loading-triple-bounce-div-animation-play-state, running);animation-fill-mode:var(--loading-triple-bounce-div-animation-fill-mode, both)}.ran-loading .triple-bounce .triple-bounce1{animation-delay:var(--loading-triple-bounce1-animation-delay, -.32s)}.ran-loading .triple-bounce .triple-bounce2{animation-delay:var(--loading-triple-bounce2-animation-delay, -.16s)}@keyframes ran-loading-triple-bounce{0%,80%,to{transform:var(--loading-triple-bounce-keyframes-0, scale(0))}40%{transform:var(--loading-triple-bounce-keyframes-40, scale(1))}}.ran-loading .scale-out{width:var(--loading-scale-out-width, 4em);height:var(--loading-scale-out-height, 4em);background:var(--loading-scale-out-background, #4096ff);border-radius:var(--loading-scale-out-border-radius, 100%);animation:var(--loading-scale-out-animation, ran-loading-scale-out 1s infinite ease-in-out);animation-play-state:var(--loading-scale-out-animation-play-state, running)}@keyframes ran-loading-scale-out{0%{transform:var(--loading-scale-out-keyframes-0-transform, scale(0))}to{transform:var(--loading-scale-out-keyframes-100-transform, scale(1));opacity:var(--loading-scale-out-keyframes-100-transform, 0)}}.ran-loading .circle{width:var(--loading-circle-width, 4em);height:var(--loading-circle-height, 4em);position:var(--loading-circle-position, relative)}.ran-loading .circle-container{position:var(--loading-circle-container-position, absolute);width:var(--loading-circle-container-width, 100%);height:var(--loading-circle-container-height, 100%)}.ran-loading .circle-container div{width:var(--loading-circle-container-div-width, 1em);height:var(--loading-circle-container-div-height, 1em);background:var(--loading-circle-container-div-background, #4096ff);border-radius:var(--loading-circle-container-div-border-radius, 100%);position:var(--loading-circle-container-div-position, absolute);animation:var(--loading-circle-container-div-animation, ran-loading-circle 1.2s infinite ease-in-out);animation-play-state:var(--loading-circle-container-div-animation-play-state, running);animation-fill-mode:var(--loading-circle-container-div-animation-fill-mode, both)}.ran-loading .circle .container1 .circle2{animation-delay:var(--loading-circle-container1-circle2-animation-delay, -.9s)}.ran-loading .circle .container1 .circle3{animation-delay:var(--loading-circle-container1-circle3-animation-delay, -.6s)}.ran-loading .circle .container1 .circle4{animation-delay:var(--loading-circle-container1-circle4-animation-delay, -.3s)}.ran-loading .circle .container2{transform:var(--loading-circle-container2-transform, rotateZ(45deg))}.ran-loading .circle .container2 .circle1{animation-delay:var(--loading-circle-container2-circle1-animation-delay, -1.1s)}.ran-loading .circle .container2 .circle2{animation-delay:var(--loading-circle-container2-circle2-animation-delay, -.8s)}.ran-loading .circle .container2 .circle3{animation-delay:var(--loading-circle-container2-circle3-animation-delay, -.5s)}.ran-loading .circle .container2 .circle4{animation-delay:var(--loading-circle-container2-circle4-animation-delay, -.2s)}.ran-loading .circle .container3{transform:var(--loading-circle-container3-transform, rotateZ(90deg))}.ran-loading .circle .container3 .circle1{animation-delay:var(--loading-circle-container3-circle1-transform, -1s)}.ran-loading .circle .container3 .circle2{animation-delay:var(--loading-circle-container3-circle2-transform, -.7s)}.ran-loading .circle .container3 .circle3{animation-delay:var(--loading-circle-container3-circle3-transform, -.4s)}.ran-loading .circle .container3 .circle4{animation-delay:var(--loading-circle-container3-circle4-transform, -.1s)}.ran-loading .circle .circle1{top:var(--loading-circle1-top, 0);left:var(--loading-circle1-left, 0)}.ran-loading .circle .circle2{top:var(--loading-circle2-top, 0);right:var(--loading-circle2-right, 0)}.ran-loading .circle .circle3{right:var(--loading-circle3-right, 0);bottom:var(--loading-circle3-bottom, 0)}.ran-loading .circle .circle4{left:var(--loading-circle3-left, 0);bottom:var(--loading-circle3-bottom, 0)}@keyframes ran-loading-circle{0%,80%,to{transform:var(--loading-circle-keyframes-0, scale(0))}40%{transform:var(--loading-circle-keyframes-40, scale(1))}}@keyframes circle-line{0%{transform:var(--loading-circle-line-keyframes-from, rotate(0))}to{transform:var(--loading-circle-line-keyframes-to, rotate(359deg))}}.ran-loading .circle-line-border{width:var(--loading-circle-line-border-width, 50px);height:var(--loading-circle-line-border-height, 50px);padding:var(--loading-circle-line-border-padding, 3px);display:var(--loading-circle-line-border-display, flex);justify-content:var(--loading-circle-line-border-justify-content, center);align-items:var(--loading-circle-line-border-align-items, center);border-radius:var(--loading-circle-line-border-border-radius, 50%);background:var(--loading-circle-line-border-background, linear-gradient(0deg, rgba(63, 249, 220, .1) 33%, #3ff9dc 100%));animation:var(--loading-circle-line-border-animation, circle-line .8s linear 0s infinite);animation-play-state:var(--loading-circle-line-border-animation-play-state, running)}.ran-loading .circle-line-core{width:var(--loading-circle-line-core-width, 100%);height:var(--loading-circle-line-core-height, 100%);background:var(--loading-circle-line-core-background, #fff);border-radius:var(--loading-circle-line-core-border-radius, 50%)}@keyframes square-box1{0%{transform:var(--loading-square-box1-keyframes-0, rotate(0))}25%{transform:var(--loading-square-box1-keyframes-25, rotate(90deg))}50%{transform:var(--loading-square-box1-keyframes-50, rotate(180deg))}75%{transform:var(--loading-square-box1-keyframes-75, rotate(270deg))}to{transform:var(--loading-square-box1-keyframes-100, rotate(360deg))}}@keyframes square-box2{0%{transform:var(--loading-square-box2-keyframes-0, rotate(45deg))}25%{transform:var(--loading-square-box2-keyframes-25, rotate(-45deg))}50%{transform:var(--loading-square-box2-keyframes-50, rotate(-135deg))}75%{transform:var(--loading-square-box2-keyframes-75, rotate(-225deg))}to{transform:var(--loading-square-box2-keyframes-100, rotate(-315deg))}}.ran-loading .square-box1{width:var(--loading-square-box1-width, 50px);height:var(--loading-square-box1-height, 50px);padding:var(--loading-square-box1-padding, 3px);position:var(--loading-square-box1-position, absolute);display:var(--loading-square-box1-display, flex);justify-content:var(--loading-square-box1-justify-content, center);align-items:var(--loading-square-box1-align-items, center);background:var(--loading-square-box1-background, #ffab91);animation:var(--loading-square-box1-animation, square-box1 3s ease-in-out 0s infinite alternate);animation-play-state:var(--loading-square-box1-animation-play-state, running)}.ran-loading .square-box2{width:var(--loading-square-box2-width, 50px);height:var(--loading-square-box2-height, 50px);padding:var(--loading-square-box2-padding, 3px);left:var(--loading-square-box2-left, -50px);display:var(--loading-square-box2-display, flex);justify-content:var(--loading-square-box2-justify-content, center);align-items:var(--loading-square-box2-align-items, center);background:var(--loading-square-box2-background, #3ff9dc);transform:var(--loading-square-box2-transform, rotate(45deg));animation:var(--loading-square-box2-animation, square-box2 3s ease-in-out 0s infinite alternate);animation-play-state:var(--loading-square-box2-animation-play-state, running)}.ran-loading .square-core{width:var(--loading-square-core-width, 100%);height:var(--loading-square-core-height, 100%);background:var(--loading-square-core-background, #37474f)}.ran-loading .pulse{width:var(--loading-pulse-width, 120px);display:var(--loading-pulse-display, flex);justify-content:var(--loading-pulse-justify-content, space-between);align-items:var(--loading-pulse-align-items, center)}.ran-loading .pulse-bubble{width:var(--loading-pulse-bubble-width, 20px);height:var(--loading-pulse-bubble-height, 20px);border-radius:var(--loading-pulse-bubble-border-radius, 50%);background:var(--loading-pulse-bubble-background, #3ff9dc)}@keyframes pulse{0%{opacity:var(--loading-pulse-bubble-keyframes-from-opacity, 1);transform:var(--loading-pulse-bubble-keyframes-from-transform, scale(1))}to{opacity:var(--loading-pulse-bubble-keyframes-to-opacity, .25);transform:var(--loading-pulse-bubble-keyframes-to-transform, scale(.75))}}.ran-loading .pulse-bubble-1{animation:var(--loading-pulse-bubble-1-animation, pulse .4s ease 0s infinite alternate);animation-play-state:var(--loading-pulse-bubble-1-animation-play-state, running)}.ran-loading .pulse-bubble-2{animation:var(--loading-pulse-bubble-2-animation, pulse .4s ease .2s infinite alternate);animation-play-state:var(--loading-pulse-bubble-2-animation-play-state, running)}.ran-loading .pulse-bubble-3{animation:var(--loading-pulse-bubble-3-animation, pulse .4s ease .4s infinite alternate);animation-play-state:var(--loading-pulse-bubble-3-animation-play-state, running)}.ran-loading .solar{width:var(--loading-solar-width, 250px);height:var(--loading-solar-height, 250px);display:var(--loading-solar-display, flex);justify-content:var(--loading-solar-justify-content, center);align-items:var(--loading-solar-align-items, center)}@keyframes solar{0%{transform:var(--loading-solar-keyframes-from, rotate(0))}to{transform:var(--loading-solar-keyframes-to, rotate(359deg))}}.ran-loading .solar .orbit{position:var(--loading-solar-orbit-position, relative);display:var(--loading-solar-orbit-display, flex);justify-content:var(--loading-solar-orbit-justify-content, center);align-items:var(--loading-solar-orbit-align-items, center);border:var(--loading-solar-orbit-border, 1px solid #77777d);border-radius:var(--loading-solar-orbit-border-radius, 50%)}.ran-loading .solar .earth-orbit{width:var(--loading-solar-earth-orbit-width, 165px);height:var(--loading-solar-earth-orbit-height, 165px);animation:var(--loading-solar-earth-orbit-animation, solar 12s linear 0s infinite);animation-play-state:var(--loading-solar-earth-orbit-animation-play-state, running)}.ran-loading .solar .venus-orbit{width:var(--loading-solar-venus-orbit-width, 120px);height:var(--loading-solar-venus-orbit-height, 120px);animation:var(--loading-solar-venus-orbit-width, solar 7.4s linear 0s infinite);animation-play-state:var(--loading-solar-venus-orbit-animation-play-state, running)}.ran-loading .solar .mercury-orbit{width:var(--loading-solar-mercury-orbit-width, 90px);height:var(--loading-solar-mercury-orbit-height, 90px);animation:var(--loading-solar-mercury-orbit-animation, solar 3s linear 0s infinite);animation-play-state:var(--loading-solar-mercury-orbit-animation-play-state, running)}.ran-loading .solar .planet{position:var(--loading-solar-planet-position, absolute);top:var(--loading-solar-planet-top, -5px);width:var(--loading-solar-planet-width, 10px);height:var(--loading-solar-planet-height, 10px);border-radius:var(--loading-solar-planet-border-radius, 50%);background:var(--loading-solar-planet-background, #3ff9dc)}.ran-loading .solar .sun{width:var(--loading-solar-sun-width, 35px);height:var(--loading-solar-sun-height, 35px);border-radius:var(--loading-solar-sun-border-radius, 50%);background:var(--loading-solar-sun-background, #ffab91)}.ran-loading .cube-fold{width:var(--loading-cube-fold-width, 4em);height:var(--loading-cube-fold-height, 4em);position:var(--loading-cube-fold-position, relative);margin:var(--loading-cube-fold-margin, auto);transform:var(--loading-cube-fold-transform, rotateZ(45deg))}@keyframes cube-fold{0%,10%{transform:var(--loading-cube-fold-keyframes-0-transform, perspective(140px) rotateX(-180deg));opacity:var(--loading-cube-fold-keyframes-0-opacity, 0)}25%,75%{transform:var(--loading-cube-fold-keyframes-25-transform, perspective(140px) rotateX(0deg));opacity:var(--loading-cube-fold-keyframes-25-opacity, 1)}90%,to{transform:var(--loading-cube-fold-keyframes-90-transform, perspective(140px) rotateY(180deg));opacity:var(--loading-cube-fold-keyframes-90-opacity, 0)}}.ran-loading .cube-fold-item{float:var(--loading-cube-fold-item-float, left);width:var(--loading-cube-fold-item-width, 50%);height:var(--loading-cube-fold-item-height, 50%);position:var(--loading-cube-fold-item-position, relative);transform:var(--loading-cube-fold-item-transform, scale(1.1))}.ran-loading .cube-fold-item:before{content:var(--loading-cube-fold-item-before-content, " ");position:var(--loading-cube-fold-item-before-position, absolute);top:var(--loading-cube-fold-item-before-top, 0);left:var(--loading-cube-fold-item-before-left, 0);width:var(--loading-cube-fold-item-before-width, 100%);height:var(--loading-cube-fold-item-before-height, 100%);background:var(--loading-cube-fold-item-before-background, #337ab7);animation:var(--loading-cube-fold-item-before-animation, cube-fold 2.4s infinite linear both);animation-play-state:var(--loading-cube-fold-item-before-animation-play-state, running);transform-origin:var(--loading-cube-fold-item-before-transform-origin, 100% 100%)}.ran-loading .cube-fold-item-2{transform:var(--loading-cube-fold-item-2-transform, scale(1.1) rotateZ(90deg))}.ran-loading .cube-fold-item-2:before{animation-delay:var(--loading-cube-fold-item-2-before-animation-delay, .3s)}.ran-loading .cube-fold-item-3{transform:var(--loading-cube-fold-item-3-transform, scale(1.1) rotateZ(270deg))}.ran-loading .cube-fold-item-3:before{animation-delay:var(--loading-cube-fold-item-3-before-animation-delay, .9s)}.ran-loading .cube-fold-item-4{transform:var(--loading-cube-fold-item-4-transform, scale(1.1) rotateZ(180deg))}.ran-loading .cube-fold-item-4:before{animation-delay:var(--loading-cube-fold-item-4-before-animation-delay, .6s)}.ran-loading .circle-fold{width:var(--loading-circle-fold-width, 4em);height:var(--loading-circle-fold-height, 4em);position:var(--loading-circle-fold-position, relative);margin:var(--loading-circle-fold-margin, auto)}@keyframes circle-fold{0%,39%,to{opacity:var(--loading-circle-fold-keyframes-0-opacity, 0)}40%{opacity:var(--loading-circle-fold-keyframes-40-opacity, 1)}}.ran-loading .circle-fold-item{width:var(--loading-circle-fold-item-width, 100%);height:var(--loading-circle-fold-item-height, 100%);position:var(--loading-circle-fold-item-position, absolute);left:var(--loading-circle-fold-item-left, 0);top:var(--loading-circle-fold-item-top, 0)}.ran-loading .circle-fold-item:before{content:var(--loading-circle-fold-item-before-content, " ");display:var(--loading-circle-fold-item-before-display, block);margin:var(--loading-circle-fold-item-before-margin, 0 auto);width:var(--loading-circle-fold-item-before-width, 15%);height:var(--loading-circle-fold-item-before-height, 15%);background:var(--loading-circle-fold-item-before-background, #337ab7);border-radius:var(--loading-circle-fold-item-before-border-radius, 100%);animation:var(--loading-circle-fold-item-before-animation, circle-fold 1.2s infinite ease-in-out both);animation-play-state:var(--loading-circle-fold-item-before-animation-play-state, running)}.ran-loading .circle-fold-item-2{transform:var(--loading-circle-fold-item-2-transform, rotate(30deg))}.ran-loading .circle-fold-item-2:before{animation-delay:var(--loading-circle-fold-item-2-before-animation-delay, -1.1s)}.ran-loading .circle-fold-item-3{transform:var(--loading-circle-fold-item-3-transform, rotate(60deg))}.ran-loading .circle-fold-item-3:before{animation-delay:var(--loading-circle-fold-item-3-before-animation-delay, -1s)}.ran-loading .circle-fold-item-4{transform:var(--loading-circle-fold-item-4-transform, rotate(90deg))}.ran-loading .circle-fold-item-4:before{animation-delay:var(--loading-circle-fold-item-4-before-animation-delay, -.9s)}.ran-loading .circle-fold-item-5{transform:var(--loading-circle-fold-item-5-transform, rotate(120deg))}.ran-loading .circle-fold-item-5:before{animation-delay:var(--loading-circle-fold-item-5-before-animation-delay, -.8s)}.ran-loading .circle-fold-item-6{transform:var(--loading-circle-fold-item-6-transform, rotate(150deg))}.ran-loading .circle-fold-item-6:before{animation-delay:var(--loading-circle-fold-item-6-before-animation-delay, -.7s)}.ran-loading .circle-fold-item-7{transform:var(--loading-circle-fold-item-7-transform, rotate(180deg))}.ran-loading .circle-fold-item-7:before{animation-delay:var(--loading-circle-fold-item-7-before-animation-delay, -.6s)}.ran-loading .circle-fold-item-8{transform:var(--loading-circle-fold-item-8-transform, rotate(210deg))}.ran-loading .circle-fold-item-8:before{animation-delay:var(--loading-circle-fold-item-8-before-animation-delay, -.5s)}.ran-loading .circle-fold-item-9{transform:var(--loading-circle-fold-item-9-transform, rotate(240deg))}.ran-loading .circle-fold-item-9:before{animation-delay:var(--loading-circle-fold-item-9-before-animation-delay, -.4s)}.ran-loading .circle-fold-item-10{transform:var(--loading-circle-fold-item-10-transform, rotate(270deg))}.ran-loading .circle-fold-item-10:before{animation-delay:var(--loading-circle-fold-item-10-before-animation-delay, -.3s)}.ran-loading .circle-fold-item-11{transform:var(--loading-circle-fold-item-11-transform, rotate(300deg))}.ran-loading .circle-fold-item-11:before{animation-delay:var(--loading-circle-fold-item-11-before-animation-delay, -.2s)}.ran-loading .circle-fold-item-12{transform:var(--loading-circle-fold-item-12-transform, rotate(330deg))}.ran-loading .circle-fold-item-12:before{animation-delay:var(--loading-circle-fold-item-12-before-animation-delay, -.1s)}.ran-loading .cube-grid{width:var(--loading-cube-grid-width, 4em);height:var(--loading-cube-grid-height, 4em);margin:var(--loading-cube-grid-margin, auto)}@keyframes cube-grid{0%,70%,to{transform:var(--loading-cube-grid-keyframes-0-transform, scale3D(1, 1, 1))}35%{transform:var(--loading-cube-grid-keyframes-35-transform, scale3D(0, 0, 1))}}.ran-loading .cube-grid-item{width:var(--loading-cube-grid-item-width, 33%);height:var(--loading-cube-grid-item-height, 33%);background:var(--loading-cube-grid-item-background, #337ab7);float:var(--loading-cube-grid-item-float, left);animation:var(--loading-cube-grid-item-animation, cube-grid 1.3s infinite ease-in-out);animation-play-state:var(--loading-cube-grid-item-animation-play-state, running)}.ran-loading .cube-grid-item-1{animation-delay:var(--loading-cube-grid-item-1-animation-delay, .2s)}.ran-loading .cube-grid-item-2{animation-delay:var(--loading-cube-grid-item-2-animation-delay, .3s)}.ran-loading .cube-grid-item-3{animation-delay:var(--loading-cube-grid-item-3-animation-delay, .4s)}.ran-loading .cube-grid-item-4{animation-delay:var(--loading-cube-grid-item-4-animation-delay, .1s)}.ran-loading .cube-grid-item-5{animation-delay:var(--loading-cube-grid-item-5-animation-delay, .2s)}.ran-loading .cube-grid-item-6{animation-delay:var(--loading-cube-grid-item-6-animation-delay, .3s)}.ran-loading .cube-grid-item-7{animation-delay:var(--loading-cube-grid-item-7-animation-delay, 0s)}.ran-loading .cube-grid-item-8{animation-delay:var(--loading-cube-grid-item-8-animation-delay, .1s)}.ran-loading .cube-grid-item-9{animation-delay:var(--loading-cube-grid-item-9-animation-delay, .2s)}.ran-loading .circle-turn{width:var(--loading-circle-turn-width, 30px);height:var(--loading-circle-turn-height, 30px);border:var(--loading-circle-turn-border, 8px solid #fff);border-right-color:var(--loading-circle-turn-border-right-color, transparent);border-top-color:var(--loading-circle-turn-border-top-color, transparent);border-radius:var(--loading-circle-turn-border-radius, 50%);box-shadow:var(--loading-circle-turn-box-shadow, 0 0 25px 2px);border-color:var(--loading-circle-turn-border-color, #f00);color:var(--loading-circle-turn-color, #cc0000);animation:var(--loading-circle-turn-animation, circle-turn 1s linear infinite normal);animation-play-state:var(--loading-circle-turn-animation-play-state, running);animation-delay:var(--loading-circle-turn-animation-delay, 0);margin:var(--loading-circle-turn-margin, 30px auto 0)}@keyframes circle-turn{0%{transform:var(--loading-circle-turn-keyframes-from-transform, rotate(0deg));opacity:var(--loading-circle-turn-keyframes-from-opacity, .2)}50%{transform:var(--loading-circle-turn-keyframes-50-transform, rotate(180deg));opacity:var(--loading-circle-turn-keyframes-50-opacity, 1)}to{transform:var(--loading-circle-turn-keyframes-50-transform, rotate(360deg));opacity:var(--loading-circle-turn-keyframes-50-opacity, .2)}}.ran-loading .circle-turn:after{display:var(--loading-circle-turn-after-display, block);width:var(--loading-circle-turn-after-width, 13px);height:var(--loading-circle-turn-after-height, 13px);margin:var(--loading-circle-turn-after-margin, 3px);border:var(--loading-circle-turn-after-border, 6px solid #f00);content:var(--loading-circle-turn-after-content, " ");border-radius:var(--loading-circle-turn-after-border-radius, 50%);border-left-color:var(--loading-circle-turn-after-border-left-color, transparent);border-bottom-color:var(--loading-circle-turn-after-border-bottom-color, transparent)}.ran-loading .circle-rotate{margin:var(--loading-circle-rotate-margin, 30px auto 0)}@keyframes spin-right{0%{transform:var(--loading-circle-rotate-keyframes-spin-right-from-transform, rotate(0deg));opacity:var(--loading-circle-rotate-keyframes-spin-right-from-opacity, var(--loading-circle-rotate-margin, .2))}50%{transform:var(--loading-circle-rotate-keyframes-spin-right-50-opacity, rotate(180deg));opacity:var(--loading-circle-rotate-keyframes-spin-right-50-opacity, 1)}to{transform:var(--loading-circle-rotate-keyframes-spin-right-to-opacity, rotate(360deg));opacity:var(--loading-circle-rotate-keyframes-spin-right-to-opacity, .2)}}@keyframes spin-left{0%{transform:var(--loading-circle-rotate-keyframes-spin-left-from-transform, rotate(0deg));opacity:var(--loading-circle-rotate-keyframes-spin-left-from-opacity, .2)}50%{transform:var(--loading-circle-rotate-keyframes-spin-left-50-transform, rotate(-180deg));opacity:var(--loading-circle-rotate-keyframes-spin-left-50-opacity, 1)}to{transform:var(--loading-circle-rotate-keyframes-spin-left-to-transform, rotate(-360deg));opacity:var(--loading-circle-rotate-keyframes-spin-left-to-opacity, .2)}}.ran-loading .circle-rotate-outer{border:var(--loading-circle-rotate-outer-border, 5px solid rgba(0, 183, 229, .9));opacity:var(--loading-circle-rotate-outer-opacity, .9);width:var(--loading-circle-rotate-outer-width, 50px);height:var(--loading-circle-rotate-outer-height, 50px);border-top-color:var(--loading-circle-rotate-outer-border-top-color, transparent);border-bottom-color:var(--loading-circle-rotate-outer-border-bottom-color, transparent);border-radius:var(--loading-circle-rotate-outer-border-radius, 50%);box-shadow:var(--loading-circle-rotate-outer-box-shadow, 0 0 35px rgba(0, 61, 76, .9));animation:var(--loading-circle-rotate-outer-animation, spin-right .5s linear infinite normal);animation-play-state:var(--loading-circle-rotate-outer-animation-play-state, running);animation-delay:var(--loading-circle-rotate-outer-animation-delay, 0);margin:var(--loading-circle-rotate-outer-margin, 0 auto)}.ran-loading .circle-rotate-inner{display:var(--loading-circle-rotate-inner-display, block);width:var(--loading-circle-rotate-inner-width, 30px);height:var(--loading-circle-rotate-inner-height, 30px);border:var(--loading-circle-rotate-inner-border, 5px solid rgba(0, 183, 229, .9));opacity:var(--loading-circle-rotate-inner-opacity, .9);border-radius:var(--loading-circle-rotate-inner-border-radius, 50%);border-left-color:var(--loading-circle-rotate-inner-border-left-color, transparent);border-bottom-color:var(--loading-circle-rotate-inner-border-bottom-color, transparent);box-shadow:var(--loading-circle-rotate-inner-box-shadow, 0 0 35px rgba(0, 61, 76, .9));position:var(--loading-circle-rotate-inner-position, relative);top:var(--loading-circle-rotate-inner-top, -50px);margin:var(--loading-circle-rotate-inner-margin, 0 auto);animation:var(--loading-circle-rotate-inner-animation, spin-left .5s linear infinite normal);animation-play-state:var(--loading-circle-rotate-inner-animation-play-state, running);animation-delay:var(--loading-circle-rotate-inner-animation-delay, 0)}@keyframes spin-right{0%{transform:var(--loading-circle-spin-keyframes-spin-right-from-transform, rotate(0deg));opacity:var(--loading-circle-spin-keyframes-spin-right-from-opacity, .2)}50%{transform:var(--loading-circle-spin-keyframes-spin-right-50-transform, rotate(180deg));opacity:var(--loading-circle-spin-keyframes-spin-right-50-opacity, 1)}to{transform:var(--loading-circle-spin-keyframes-spin-right-to-transform, rotate(360deg));opacity:var(--loading-circle-spin-keyframes-spin-right-to-opacity, .2)}}@keyframes spin-pulse{0%{transform:var(--loading-circle-spin-keyframes-spin-pulse-from-transform, rotate(160deg));opacity:var(--loading-circle-spin-keyframes-spin-pulse-from-opacity, 0);box-shadow:var(--loading-circle-spin-keyframes-spin-pulse-from-box-shadow, 0 0 1px rgba(0, 61, 76, .9))}50%{transform:var(--loading-circle-spin-keyframes-spin-pulse-50-transform, rotate(145deg));opacity:var(--loading-circle-spin-keyframes-spin-pulse-50-opacity, 1)}to{transform:var(--loading-circle-spin-keyframes-spin-pulse-to-transform, rotate(-320deg));opacity:var(--loading-circle-spin-keyframes-spin-pulse-to-opacity, 0)}}.ran-loading .circle-spin-inner{border:var(--loading-circle-spin-inner-border, 5px solid rgba(0, 229, 183, .9));opacity:var(--loading-circle-spin-inner-opacity, .9);border-left-color:var(--loading-circle-spin-inner-border-left-color, transparent);border-right-color:var(--loading-circle-spin-inner-border-right-color, transparent);border-radius:var(--loading-circle-spin-inner-border-radius, 50%);box-shadow:var(--loading-circle-spin-inner-box-shadow, 0 0 15px rgba(0, 76, 61, .9));width:var(--loading-circle-spin-inner-width, 30px);height:var(--loading-circle-spin-inner-height, 30px);position:var(--loading-circle-spin-inner-position, relative);top:var(--loading-circle-spin-inner-top, -50px);margin:var(--loading-circle-spin-inner-margin, 0 auto);animation:var(--loading-circle-spin-inner-animation, spin-right 1s linear infinite normal);animation-play-state:var(--loading-circle-spin-inner-animation-play-state, running);animation-delay:var(--loading-circle-spin-inner-animation-delay, 0)}.ran-loading .circle-spin-outer{border:var(--loading-circle-spin-inner-border, 5px solid rgba(0, 229, 183, .9));opacity:var(--loading-circle-spin-inner-border, .9);border-right-color:var(--loading-circle-spin-inner-border, transparent);border-left-color:var(--loading-circle-spin-inner-border, transparent);width:var(--loading-circle-spin-inner-border, 50px);height:var(--loading-circle-spin-inner-border, 50px);margin:var(--loading-circle-spin-inner-border, 0 auto);border-radius:var(--loading-circle-spin-inner-border, 50%);box-shadow:var(--loading-circle-spin-inner-border, 0 0 35px rgba(0, 76, 61, .9));animation:var(--loading-circle-spin-inner-border, spin-pulse 1s linear infinite normal);animation-play-state:var(--loading-circle-spin-outer-animation-play-state, running);animation-delay:var(--loading-circle-spin-inner-border, 0)}.ran-loading .dot-bar{margin:var(--loading-dot-bar-margin, 0 auto);overflow:var(--loading-dot-bar-overflow, hidden);width:var(--loading-dot-bar-width, 90px)}@keyframes pulse{0%{transform:var(--loading-dot-bar-keyframes-from-transform, scale(1.2));opacity:var(--loading-dot-bar-margin-from-opacity, 1)}to{transform:var(--loading-dot-bar-keyframes-to-transform, scale(.7));opacity:var(--loading-dot-bar-keyframes-to-opacity, .1)}}.ran-loading .dot-bar-item{background-color:var(--loading-dot-bar-item-background-color, #8aff51);background-image:var(--loading-dot-bar-item-background-image, linear-gradient(45deg, #8aff51 25%, #f1ffea));width:var(--loading-dot-bar-item-width, 10px);height:var(--loading-dot-bar-item-height, 10px);float:var(--loading-dot-bar-item-float, left);margin-left:var(--loading-dot-bar-item-margin-left, 5px);opacity:var(--loading-dot-bar-item-opacity, .1);animation:var(--loading-dot-bar-item-animation, pulse 1s linear infinite normal);animation-play-state:var(--loading-dot-bar-item-animation-play-state, running);animation-delay:var(--loading-dot-bar-item-animation-delay, 0)}.ran-loading .dot-bar-item-1{animation-delay:var(--loading-dot-bar-item-1-animation-delay, .3s)}.ran-loading .dot-bar-item-2{animation-delay:var(--loading-dot-bar-item-2-animation-delay, .2s)}.ran-loading .dot-bar-item-3{animation-delay:var(--loading-dot-bar-item-3-animation-delay, .1s)}.ran-loading .dot-bar-item-4{animation-delay:var(--loading-dot-bar-item-4-animation-delay, .2s)}.ran-loading .dot-bar-item-5{animation-delay:var(--loading-dot-bar-item-5-animation-delay, .3s)}.ran-loading .dot-circle-item{background-color:var(--loading-dot-circle-item-background-color, #f00);background-image:var(--loading-dot-circle-item-background-image, linear-gradient(90deg, #f00 25%, #ff9999));width:var(--loading-dot-circle-item-width, 3px);height:var(--loading-dot-circle-item-height, 3px);border-radius:var(--loading-dot-circle-item-border-radius, 50%);box-shadow:var(--loading-dot-circle-item-box-shadow, 0 0 5px #cc0000);margin:var(--loading-dot-circle-item-margin, 0 auto);position:var(--loading-dot-circle-item-position, relative);animation:var(--loading-dot-circle-item-animation, dot-circle 2s infinite cubic-bezier(0, 0, .35, 1) normal)}.ran-loading .dot-circle-item-1{animation-play-state:var(--loading-dot-circle-item-1-animation-play-state, running);animation-delay:var(--loading-dot-circle-item-1-animation-delay, 0)}.ran-loading .dot-circle-item-2{opacity:var(--loading-dot-circle-item-2-opacity, .7);top:var(--loading-dot-circle-item-2-top, 1px);animation-play-state:var(--loading-dot-circle-item-2-animation-play-state, running);animation-delay:var(--loading-dot-circle-item-2-animation-delay, .1s)}.ran-loading .dot-circle-item-3{opacity:var(--loading-dot-circle-item-3-opacity, .5);top:var(--loading-dot-circle-item-3-top, 2px);animation-play-state:var(--loading-dot-circle-item-3-animation-play-state, running);animation-delay:var(--loading-dot-circle-item-3-animation-delay, .2s)}.ran-loading .dot-circle-item-4{opacity:var(--loading-dot-circle-item-4-opacity, .3);top:var(--loading-dot-circle-item-4-top, 3px);animation-play-state:var(--loading-dot-circle-item-4-animation-play-state, running);animation-delay:var(--loading-dot-circle-item-4-animation-delay, .3s)}.ran-loading .dot-circle-item-5{opacity:var(--loading-dot-circle-item-5-opacity, .1);top:var(--loading-dot-circle-item-5-top, 4px);animation-play-state:var(--loading-dot-circle-item-5-animation-play-state, running);animation-delay:var(--loading-dot-circle-item-5-animation-delay, .4s)}@keyframes dot-circle{0%{transform:var(--loading-dot-circle-keyframes-from-transform, translateX(0px))}25%{transform:var(--loading-dot-circle-keyframes-25-transform, translateX(25px));animation-timing-function:ease-in}50%{transform:var(--loading-dot-circle-keyframes-50-transform, translateX(0px))}75%{transform:var(--loading-dot-circle-keyframes-75-transform, translateX(-25px));animation-timing-function:ease-in}to{transform:var(--loading-dot-circle-keyframes-to-transform, translateX(0px))}}.ran-loading .line{width:var(--loading-line-width, 32px);height:var(--loading-line-width, 32px);margin:var(--loading-line-width, 0 auto)}@keyframes line{10%{margin-top:var(--loading-line-keyframes-10-margin-top, 5px);height:var(--loading-line-keyframes-10-height, 22px);border-color:var(--loading-line-keyframes-10-border-color, #d1d8e6);background-color:var(--loading-line-keyframes-10-background-color, #bac5db)}20%{margin-top:var(--loading-line-keyframes-20-margin-top, 0px);height:var(--loading-line-keyframes-20-height, 32px);border-color:var(--loading-line-keyframes-20-border-color, #d1d7e2);background-color:var(--loading-line-keyframes-20-background-color, #bac5db)}30%{margin-top:var(--loading-line-keyframes-30-margin-top, 1px);height:var(--loading-line-keyframes-30-height, 30px);border-color:var(--loading-line-keyframes-30-border-color, #d1d8e6);background-color:var(--loading-line-keyframes-30-background-color, #bac5db)}40%{margin-top:var(--loading-line-keyframes-40-margin-top, 3px);height:var(--loading-line-keyframes-40-height, 26px)}50%{margin-top:var(--loading-line-keyframes-50-margin-top, 5px);height:var(--loading-line-keyframes-50-height, 22px)}60%{margin-top:var(--loading-line-keyframes-60-margin-top, 6px);height:var(--loading-line-keyframes-60-height, 18px)}}.ran-loading .line-item{background:var(--loading-line-item-background, #99aaca);border:var(--loading-line-item-border, 1px solid #96a6c9);float:var(--loading-line-item-float, left);margin:var(--loading-line-item-margin, 6px 4px 0 0);width:var(--loading-line-item-width, 6px);height:var(--loading-line-item-height, 18px);animation:var(--loading-line-item-animation, line 1s linear infinite normal);animation-play-state:var(--loading-line-item-animation-play-state, running);animation-delay:var(--loading-line-item-animation-delay, 0)}.ran-loading .line-item:nth-child(2){animation-delay:var(--loading-line-nth-child-2-animation-delay, .1s)}.ran-loading .line-item:last-child{margin-right:var(--loading-line-last-child-margin-right, 0);animation-delay:var(--loading-line-last-child-animation-delay, .2s)}.ran-loading .dot-pulse{width:var(--loading-dot-pulse-width, 48px);padding:var(--loading-dot-pulse-padding, 8px 5px);margin:var(--loading-dot-pulse-margin, 30px auto);overflow:var(--loading-dot-pulse-overflow, hidden)}@keyframes dot-pulse{0%{transform:var(--loading-dot-pulse-keyframes-from, scale(0))}to{transform:var(--loading-dot-pulse-keyframes-to, scale(1))}}@keyframes dot-pulse-glow{0%{transform:var(--loading-dot-pulse-keyframes-glow-from-transform, scale(0));opacity:var(--loading-dot-pulse-keyframes-glow-from-opacity, 0)}10%{transform:var(--loading-dot-pulse-keyframes-glow-10-transform, scale(1));opacity:var(--loading-dot-pulse-keyframes-glow-10-opacity, .5)}50%{transform:var(--loading-dot-pulse-keyframes-glow-50-transform, scale(1.75));opacity:var(--loading-dot-pulse-keyframes-glow-50-opacity, 0)}to{transform:var(--loading-dot-pulse-keyframes-glow-to-transform, scale(0));opacity:var(--loading-dot-pulse-keyframes-glow-to-opacity, 0)}}.ran-loading .dot-pulse-item{float:var(--loading-dot-pulse-item-float, left);position:var(--loading-dot-pulse-item-position, relative);width:var(--loading-dot-pulse-item-width, 6px);height:var(--loading-dot-pulse-item-height, 6px);border-radius:var(--loading-dot-pulse-item-border-radius, 50px);margin-left:var(--loading-dot-pulse-item-margin-left, 2px)}.ran-loading .dot-pulse-item:first-child{margin-left:var(--loading-dot-pulse-item-first-child-margin-left, 0)}.ran-loading .dot-pulse-item-dot{background-color:var(--loading-dot-pulse-item-dot-background-color, #2187e7);background-image:var(--loading-dot-pulse-item-dot-background-image, linear-gradient(90deg, #2187e7 25%, #a0eaff));width:var(--loading-dot-pulse-item-dot-width, 6px);height:var(--loading-dot-pulse-item-dot-height, 6px);border-radius:var(--loading-dot-pulse-item-dot-border-radius, 50px);transform:var(--loading-dot-pulse-item-dot-transform, scale(0));animation:var(--loading-dot-pulse-item-dot-animation, dot-pulse 1s linear forwards normal);animation-play-state:var(--loading-dot-pulse-item-dot-animation-play-state, running);animation-delay:var(--loading-dot-pulse-item-dot-animation-delay, 0)}.ran-loading .dot-pulse-item-dot-1{animation-delay:var(--loading-dot-pulse-item-dot-1-animation-delay, .5s)}.ran-loading .dot-pulse-item-dot-2{animation-delay:var(--loading-dot-pulse-item-dot-2-animation-delay, 1s)}.ran-loading .dot-pulse-item-dot-3{animation-delay:var(--loading-dot-pulse-item-dot-3-animation-delay, 1.5s)}.ran-loading .dot-pulse-item-dot-4{animation-delay:var(--loading-dot-pulse-item-dot-4-animation-delay, 2s)}.ran-loading .dot-pulse-item-dot-5{animation-delay:var(--loading-dot-pulse-item-dot-5-animation-delay, 2.5s)}.ran-loading .dot-pulse-item-ball{width:var(--loading-dot-pulse-item-ball-width, 6px);height:var(--loading-dot-pulse-item-ball-height, 6px);border-radius:var(--loading-dot-pulse-item-ball-border-radius, 30px);border:var(--loading-dot-pulse-item-ball-border, 1px solid #00c6ff);box-shadow:var(--loading-dot-pulse-item-ball-box-shadow, 0 0 5px #00c6ff);position:var(--loading-dot-pulse-item-ball-position, absolute);top:var(--loading-dot-pulse-item-ball-top, -1px);left:var(--loading-dot-pulse-item-ball-left, -1px);transform:var(--loading-dot-pulse-item-ball-transform, scale(0));animation:var(--loading-dot-pulse-item-ball-animation, dot-pulse-glow 3s infinite ease-out normal);animation-play-state:var(--loading-dot-pulse-item-ball-animation-play-state, running);animation-delay:var(--loading-dot-pulse-item-ball-animation-delay, 0)}.ran-loading .dot-pulse-item-ball-1{animation-delay:var(--loading-dot-pulse-item-ball-1-animation-delay, 1.5s)}.ran-loading .dot-pulse-item-ball-2{animation-delay:var(--loading-dot-pulse-item-ball-2-animation-delay, 2s)}.ran-loading .dot-pulse-item-ball-3{animation-delay:var(--loading-dot-pulse-item-ball-3-animation-delay, 2.5s)}.ran-loading .dot-pulse-item-ball-4{animation-delay:var(--loading-dot-pulse-item-ball-4-animation-delay, 3s)}.ran-loading .dot-pulse-item-ball-5{animation-delay:var(--loading-dot-pulse-item-ball-5-animation-delay, 3.5s)}.ran-loading .line-scale{display:var(--loading-line-scale-display, block);position:var(--loading-line-scale-position, relative);overflow:var(--loading-line-scale-overflow, hidden);width:var(--loading-line-scale-width, 5em);margin:var(--loading-line-scale-margin, 30px auto);padding:var(--loading-line-scale-padding, 20px 10px)}@keyframes pound{to{transform:var(--loading-line-scale-keyframes-to-transform, scale(1.2))}}.ran-loading .line-scale-item{display:var(--loading-line-scale-item-display, block);float:var(--loading-line-scale-item-float, left);width:var(--loading-line-scale-item-width, .5em);height:var(--loading-line-scale-item-height, 3em);margin:var(--loading-line-scale-item-margin, 0 .5em 0 0);background:var(--loading-line-scale-item-background, #635863);background-image:var(--loading-line-scale-item-background-image, linear-gradient(top, #635863 25%, #3d353b));box-shadow:var(--loading-line-scale-item-box-shadow, 1px 1px 1px 0 rgba(0, 0, 0, 0), 1px 1px 1px 0 rgba(0, 0, 0, 0), 1px 1px 1px 0 rgba(0, 0, 0, 0));animation:var(--loading-line-scale-item-animation, pound .7s ease-in-out infinite alternate);animation-play-state:var(--loading-line-scale-item-animation-play-state, running);animation-delay:var(--loading-line-scale-item-animation-delay, .05s);transform-origin:var(--loading-line-scale-item-transform-origin, center bottom)}.ran-loading .line-scale-item:nth-child(2){animation-delay:var(--loading-line-scale-item--nth-child-2-animation-delay, .2s)}.ran-loading .line-scale-item:nth-child(3){animation-delay:var(--loading-line-scale-item--nth-child-3-animation-delay, .35s)}.ran-loading .line-scale-item:nth-child(4){animation-delay:var(--loading-line-scale-item--nth-child-4-animation-delay, .5s)}.ran-loading .line-scale-item:nth-child(5){animation-delay:var(--loading-line-scale-item--nth-child-5-animation-delay, .65s)}.ran-loading .text{text-align:var(--loading-text-text-align, center);text-transform:var(--loading-text-text-transform, uppercase);font-family:var(--loading-text-font-family, "Nunito", sans-serif);font-size:var(--loading-text-font-size, 4em);color:var(--loading-text-color, transparent);letter-spacing:var(--loading-text-letter-spacing, .4em)}@keyframes letters{to{text-shadow:var(--loading-text-keyframes-to-text-shadow, 0 0 2px rgba(204, 208, 212, .2), 0 0 3px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0))}}.ran-loading .text-item{text-shadow:var(--loading-text-item-text-shadow, 0 0 2px rgba(22, 22, 22, .9), 0 15px 25px rgba(0, 0, 0, .3), 0 -2px 3px rgba(0, 0, 0, .1), 0 -5px 10px rgba(22, 22, 22, .5), 0 5px 10px rgba(0, 0, 0, .3), 0 3px 4px rgba(22, 22, 22, .2), 0 0 20px rgba(22, 22, 22, .45));animation:var(--loading-text-item-animation, letters .85s ease-in-out infinite alternate);animation-play-state:var(--loading-text-item-animation-play-state, running);animation-delay:var(--loading-text-item-animation-delay, 0)}.ran-loading .text-item:nth-child(2){animation-delay:var(--loading-text-item-nth-child-2-animation-delay, .15s)}.ran-loading .text-item:nth-child(3){animation-delay:var(--loading-text-item-nth-child-3-animation-delay, .3s)}.ran-loading .text-item:nth-child(4){animation-delay:var(--loading-text-item-nth-child-4-animation-delay, .45s)}.ran-loading .text-item:nth-child(5){animation-delay:var(--loading-text-item-nth-child-5-animation-delay, .6s)}.ran-loading .text-item:nth-child(6){animation-delay:var(--loading-text-item-nth-child-6-animation-delay, .75s)}.ran-loading .text-item:nth-child(7){animation-delay:var(--loading-text-item-nth-child-7-animation-delay, .9s)}.ran-loading .cube-dim{height:var(--loading-cube-dim-height, 9em);width:var(--loading-cube-dim-width, 9em);padding:var(--loading-cube-dim-padding, 3em);transform:var(--loading-cube-dim-transform, rotateX(45deg) rotateZ(45deg));transform-style:var(--loading-cube-dim-transform-style, preserve-3d)}@keyframes anim{50%{transform:var(--loading-cube-dim-width, translateZ(.5em))}}.ran-loading .cube-dim-item{background-color:var(--loading-cube-dim-item-background-color, #05afd1);position:var(--loading-cube-dim-item-position, relative);transform:var(--loading-cube-dim-item-transform, translateZ(3em));transform-style:var(--loading-cube-dim-item-transform-style, preserve-3d);transition:var(--loading-cube-dim-item-transition, .25s);box-shadow:var(--loading-cube-dim-item-box-shadow, 13em 13em 1.5em rgba(0, 0, 0, .1));animation:var(--loading-cube-dim-item-animation, anim 1s infinite);animation-play-state:var(--loading-cube-dim-item-animation-play-state, running);float:var(--loading-cube-dim-item-float, left);height:var(--loading-cube-dim-item-height, 3em);width:var(--loading-cube-dim-item-width, 3em)}.ran-loading .cube-dim-item:nth-child(1){animation-delay:var(--loading-cube-dim-item-nth-child-1-animation-delay, .05s)}.ran-loading .cube-dim-item:nth-child(2){animation-delay:var(--loading-cube-dim-item-nth-child-2-animation-delay, .1s)}.ran-loading .cube-dim-item:nth-child(3){animation-delay:var(--loading-cube-dim-item-nth-child-3-animation-delay, .15s)}.ran-loading .cube-dim-item:nth-child(4){animation-delay:var(--loading-cube-dim-item-nth-child-4-animation-delay, .2s)}.ran-loading .cube-dim-item:nth-child(5){animation-delay:var(--loading-cube-dim-item-nth-child-5-animation-delay, .25s)}.ran-loading .cube-dim-item:nth-child(6){animation-delay:var(--loading-cube-dim-item-nth-child-6-animation-delay, .3s)}.ran-loading .cube-dim-item:nth-child(7){animation-delay:var(--loading-cube-dim-item-nth-child-7-animation-delay, .35s)}.ran-loading .cube-dim-item:nth-child(8){animation-delay:var(--loading-cube-dim-item-nth-child-8-animation-delay, .4s)}.ran-loading .cube-dim-item:nth-child(9){animation-delay:var(--loading-cube-dim-item-nth-child-9-animation-delay, .45s)}.ran-loading .cube-dim-item:before{content:var(--loading-cube-dim-item-before-content, "");float:var(--loading-cube-dim-item-before-float, left);height:var(--loading-cube-dim-item-before-height, 3em);position:var(--loading-cube-dim-item-before-position, absolute);width:var(--loading-cube-dim-item-before-width, 3em);background-color:var(--loading-cube-dim-item-before-background-color, #048ca7);transform:var(--loading-cube-dim-item-before-transform, rotateY(90deg) translateX(3em));transform-origin:var(--loading-cube-dim-item-before-transform-origin, 100% 0)}.ran-loading .cube-dim-item:after{content:var(--loading-cube-dim-item-after-content, "");float:var(--loading-cube-dim-item-after-float, left);height:var(--loading-cube-dim-item-after-height, 3em);position:var(--loading-cube-dim-item-after-position, absolute);width:var(--loading-cube-dim-item-after-width, 3em);background-color:var(--loading-cube-dim-item-after-background-color, #049dbc);transform:var(--loading-cube-dim-item-after-transform, rotateX(-90deg) translateY(3em));transform-origin:var(--loading-cube-dim-item-after-transform-origin, 100% 100%)}.ran-loading .dot-line{width:var(--loading-dot-line-width, 20em);height:var(--loading-dot-line-height, 20em);font-size:var(--loading-dot-line-font-size, 10px);position:var(--loading-dot-line-position, relative);display:var(--loading-dot-line-display, flex);align-items:var(--loading-dot-line-align-items, center);justify-content:var(--loading-dot-line-justify-content, center)}@keyframes dot-line{to{transform:var(--loading-dot-line-keyframes-to-transform, rotate(1turn))}}.ran-loading .dot-line-item{position:var(--loading-dot-line-item-position, absolute);border-radius:var(--loading-dot-line-item-border-radius, 50%);border-style:var(--loading-dot-line-item-order-style, solid);animation:var(--loading-dot-line-item-animation, dot-line 3s linear infinite);animation-play-state:var(--loading-dot-line-item-animation-play-state, running)}.ran-loading .dot-line-item:nth-child(1){width:var(--loading-dot-line-item-nth-child-1-width, 100%);height:var(--loading-dot-line-item-nth-child-1-height, 100%);color:var(--loading-dot-line-item-nth-child-1-color, gold);border-color:var(--loading-dot-line-item-nth-child-1-border-color, currentColor transparent transparent currentColor);border-width:var(--loading-dot-line-item-nth-child-1-border-width, .2em .2em 0em 0em);--deg: var(--loading-dot-line-item-nth-child-1-deg, -45deg);animation-direction:var(--loading-dot-line-item-nth-child-1-animation-direction, normal)}.ran-loading .dot-line-item:nth-child(2){width:var(--loading-dot-line-item-nth-child-2-width, 70%);height:var(--loading-dot-line-item-nth-child-2-height, 70%);color:var(--loading-dot-line-item-nth-child-2-color, lime);border-color:var(--loading-dot-line-item-nth-child-2-border-color, currentColor currentColor transparent transparent);border-width:var(--loading-dot-line-item-nth-child-2-border-width, .2em 0em 0em .2em);--deg: var(--loading-dot-line-item-nth-child-2-deg, -135deg);animation-direction:var(--loading-dot-line-item-nth-child-2-animation-direction, reverse)}.ran-loading .dot-line-item-circle{position:var(--loading-dot-line-item-circle-position, absolute);width:var(--loading-dot-line-item-circle-width, 50%);height:var(--loading-dot-line-item-circle-height, .1em);top:var(--loading-dot-line-item-circle-top, 50%);left:var(--loading-dot-line-item-circle-left, 50%);background-color:var(--loading-dot-line-item-circle-background-color, transparent);transform:rotate(var(--deg));transform-origin:var(--loading-dot-line-item-circle-transform-origin, left)}.ran-loading .dot-line-item-circle:before{position:var(--loading-dot-line-item-circle-before-position, absolute);top:var(--loading-dot-line-item-circle-before-top, -.5em);right:var(--loading-dot-line-item-circle-before-right, -.5em);content:var(--loading-dot-line-item-circle-before-content, "");width:var(--loading-dot-line-item-circle-before-width, 1em);height:var(--loading-dot-line-item-circle-before-height, 1em);background-color:var(--loading-dot-line-item-circle-before-background-color, currentColor);border-radius:var(--loading-dot-line-item-circle-before-border-radius, 50%);box-shadow:var(--loading-dot-line-item-circle-before-box-shadow, 0 0 2em, 0 0 4em, 0 0 6em, 0 0 8em, 0 0 10em, 0 0 0 .5em rgba(255, 255, 0, .1))}.ran-loading .arc{position:relative}@keyframes rt{to{transform:var(--loading-arc-keyframes-rt, rotate(360deg))}}@keyframes cw{0%{width:var(--loading-arc-keyframes-cw-0-width, 0);height:var(--loading-arc-keyframes-cw-0-height, 0)}75%{width:var(--loading-arc-keyframes-cw-75-width, 40px);height:var(--loading-arc-keyframes-cw-75-height, 40px)}to{width:var(--loading-arc-keyframes-cw-100-width, 0);height:var(--loading-arc-keyframes-cw-100-height, 0)}}@keyframes txt{0%{content:var(--loading-arc-keyframes-txt-0-content, "LOADING.")}50%{content:var(--loading-arc-keyframes-txt-50-content, "LOADING..")}to{content:var(--loading-arc-keyframes-txt-100-content, "LOADING...")}}.ran-loading .arc-item{margin:var(--loading-arc-item-margin, auto);width:var(--loading-arc-item-width, 100px);height:var(--loading-arc-item-height, 100px);border-radius:var(--loading-arc-item-border-radius, 50%);border-top:var(--loading-arc-item-border-top, 2px solid #ffea29);border-left:var(--loading-arc-item-border-left, 1px solid transparent);border-right:var(--loading-arc-item-border-right, 1px solid transparent);animation:var(--loading-arc-item-animation, rt 2s infinite linear);animation-play-state:var(--loading-arc-item-animation-play-state, running)}.ran-loading .arc-item:before{position:var(--loading-arc-item-before-position, absolute);margin:var(--loading-arc-item-before-margin, auto);top:var(--loading-arc-item-before-top, 0);right:var(--loading-arc-item-before-right, 0);bottom:var(--loading-arc-item-before-bottom, 0);left:var(--loading-arc-item-before-left, 0);width:var(--loading-arc-item-before-width, 70px);height:var(--loading-arc-item-before-height, 70px);border-radius:var(--loading-arc-item-before-border-radius, 50%);border-top:var(--loading-arc-item-before-border-top, 2px solid #8d29ff);border-left:var(--loading-arc-item-before-border-left, 1px solid transparent);border-right:var(--loading-arc-item-before-border-right, 1px solid transparent);animation:var(--loading-arc-item-before-animation, rt 4s infinite linear reverse);animation-play-state:var(--loading-arc-item-before-animation-play-state, running);content:var(--loading-arc-item-before-content, "")}.ran-loading .arc-item:after{position:var(--loading-arc-item-after-position, absolute);margin:var(--loading-arc-item-after-margin, auto);top:var(--loading-arc-item-after-top, 0);right:var(--loading-arc-item-after-right, 0);bottom:var(--loading-arc-item-after-bottom, 0);left:var(--loading-arc-item-after-left, 0);width:var(--loading-arc-item-after-width, 0);height:var(--loading-arc-item-after-height, 0);border-radius:var(--loading-arc-item-after-border-radius, 50%);border-top:var(--loading-arc-item-after-border-top, initial);border-left:var(--loading-arc-item-after-border-left, initial);border-right:var(--loading-arc-item-after-border-right, initial);animation:var(--loading-arc-item-after-animation, cw 1s infinite);animation-play-state:var(--loading-arc-item-after-animation-play-state, running);content:var(--loading-arc-item-after-content, "");background:var(--loading-arc-item-after-background, snow)}.ran-loading .arc h1{position:var(--loading-arc-h1-position, absolute);margin:var(--loading-arc-h1-margin, auto);top:var(--loading-arc-h1-top, 140px);left:var(--loading-arc-h1-left, 0);right:var(--loading-arc-h1-right, 0);bottom:var(--loading-arc-h1-bottom, 0);text-transform:var(--loading-arc-h1-text-transform, uppercase);text-align:var(--loading-arc-h1-text-align, center);letter-spacing:var(--loading-arc-h1-letter-spacing, .1em);font-size:var(--loading-arc-h1-font-size, 14px);font-weight:var(--loading-arc-h1-ont-weight, lighter);color:var(--loading-arc-h1-color, white)}.ran-loading .arc h1:after{animation:var(--loading-arc-h1-after-animation, txt 5s infinite);animation-play-state:var(--loading-arc-h1-after-animation-play-state, running);content:var(--loading-arc-h1-after-content, "");font-family:var(--loading-arc-h1-after-font-family, "Inconsolata", monospace)}.ran-loading .arc span{display:var(--loading-arc-span-display, none)}.ran-loading .drop{position:var(--loading-drop-position, relative);width:var(--loading-drop-position, 120px);height:var(--loading-drop-position, 120px)}@keyframes fade-in{0%{opacity:var(--loading-drop-keyframes-fade-in-0-opacity, 0)}to{opacity:var(--loading-drop-keyframes-fade-in-100-opacity, 1)}}@keyframes drop{0%{bottom:var(--loading-drop-keyframes-drop-0-bottom, 0px);opacity:var(--loading-drop-keyframes-drop-0-opacity, 1)}80%{opacity:var(--loading-drop-keyframes-drop-80-opacity, 1)}to{opacity:var(--loading-drop-keyframes-drop-100-opacity, 1);bottom:var(--loading-drop-keyframes-drop-100-bottom, -200px)}}@keyframes wave{0%{background-position:var(--loading-drop-keyframes-wave-0-background-position, 0 160px);background-size:var(--loading-drop-keyframes-wave-0-background-size, 170px 300px)}to{background-position:var(--loading-drop-keyframes-wave-100-background-position, 500px -18px);background-size:var(--loading-drop-keyframes-wave-100-background-size, 250px 150px)}}.ran-loading .drop-item{position:var(--loading-drop-item-position, absolute);width:var(--loading-drop-item-width, 100%);height:var(--loading-drop-item-height, 100%);left:var(--loading-drop-item-left, 0);right:var(--loading-drop-item-right, 0);top:var(--loading-drop-item-top, 0);bottom:var(--loading-drop-item-bottom, 0);background:var(--loading-drop-item-background, transparent repeat-x 0 100px/150px 300px url(data:image/png;base64,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));z-index:var(--loading-drop-item-z-index, 2);animation:var(--loading-drop-item-animation, wave 1s ease-out forwards);animation-play-state:var(--loading-drop-item-animation-play-state, running)}.ran-loading .drop-item-bg{text-align:var(--loading-drop-item-text-align, center);line-height:var(--loading-drop-item-line-height, 120px);font-family:var(--loading-drop-item-font-family, sans-serif);color:var(--loading-drop-item-color, #ffffff);font-size:var(--loading-drop-item-font-size, 16px)}.ran-loading .drop-dot{position:var(--loading-drop-dot-position, absolute);top:var(--loading-drop-dot-top, 0);left:var(--loading-drop-dot-left, 0);bottom:var(--loading-drop-dot-bottom, 0);right:var(--loading-drop-dot-right, 0);z-index:var(--loading-drop-dot-z-index, 1);opacity:var(--loading-drop-dot-opacity, 0);animation:var(--loading-drop-dot-animation, fade-in .1s linear .4s forwards);animation-play-state:var(--loading-drop-dot-animation-play-state, running);filter:var(--loading-drop-dot-filter, url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+CiAgICA8ZGVmcz4KICAgICAgPGZpbHRlciBpZD0icmFuLWxvYWRpbmctZHJvcCI+CiAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjEwIiByZXN1bHQ9ImJsdXIiIC8+CiAgICAgICAgPGZlQ29sb3JNYXRyaXggaW49ImJsdXIiIG1vZGU9Im1hdHJpeCIgdmFsdWVzPSIxIDAgMCAwIDAgIDAgMSAwIDAgMCAgMCAwIDEgMCAwICAwIDAgMCAxOCAtNyIgcmVzdWx0PSJyYW4tbG9hZGluZy1kcm9wIiAvPgogICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICA8L3N2Zz4=#ran-loading-drop))}.ran-loading .drop-dot-1{position:var(--loading-drop-dot-1-position, absolute);left:var(--loading-drop-dot-1-left, 0);right:var(--loading-drop-dot-1-right, 0);bottom:var(--loading-drop-dot-1-bottom, 0);margin:var(--loading-drop-dot-1-margin, auto);background-color:var(--loading-drop-dot-1-background-color, #10a7c1);width:var(--loading-drop-dot-1-width, 90px);height:var(--loading-drop-dot-1-height, 16px);bottom:var(--loading-drop-dot-1-bottom, 2px);border-radius:var(--loading-drop-dot-1-border-radius, 0)}.ran-loading .drop-dot-2{width:var(--loading-drop-dot-2-width, 21px);height:var(--loading-drop-dot-2-height, 24px);border-radius:var(--loading-drop-dot-2-border-radius, 50%);position:var(--loading-drop-dot-2-position, absolute);left:var(--loading-drop-dot-2-left, 0);right:var(--loading-drop-dot-2-right, 0);bottom:var(--loading-drop-dot-2-bottom, 0);margin:var(--loading-drop-dot-2-margin, auto);background-color:var(--loading-drop-dot-2-background-color, #10a7c1);animation:var(--loading-drop-dot-2-animation, drop 1.3s cubic-bezier(1, .19, .66, .12) .5s infinite);animation-play-state:var(--loading-drop-dot-2-animation-play-state, running)}.ran-loading .pacman{position:var(--loading-pacman-position, relative)}@keyframes rotate_pacman_half_up{0%{transform:var(--loading-pacman-keyframes-0-transform, rotate(270deg))}50%{transform:var(--loading-pacman-keyframes-50-transform, rotate(360deg))}to{transform:var(--loading-pacman-keyframes-100-transform, rotate(270deg))}}@keyframes pacman-balls{75%{opacity:var(--loading-pacman-keyframes-balls-75-opacity, .7)}to{transform:var(--loading-pacman-keyframes-balls-100-transform, translate(-100px, -6.25px))}}@keyframes rotate_pacman_half_down{0%{transform:var(--loading-pacman-keyframes-balls-100-transform, rotate(90deg))}50%{transform:var(--loading-pacman-keyframes-balls-100-transform, rotate(0deg))}to{transform:var(--loading-pacman-keyframes-balls-100-transform, rotate(90deg))}}.ran-loading .pacman div:nth-child(2){width:var(--loading-pacman-div-nth-child-2-width, 0px);height:var(--loading-pacman-div-nth-child-2-height, 0px);border-right:var(--loading-pacman-div-nth-child-2-border-right, 25px solid transparent);border-top:var(--loading-pacman-div-nth-child-2-border-top, 25px solid #279fcf);border-left:var(--loading-pacman-div-nth-child-2-border-left, 25px solid #279fcf);border-bottom:var(--loading-pacman-div-nth-child-2-border-bottom, 25px solid #279fcf);border-radius:var(--loading-pacman-div-nth-child-2-border-radius, 25px);margin-top:var(--loading-pacman-div-nth-child-2-margin-top, -50px);animation:var(--loading-pacman-div-nth-child-2-animation, rotate_pacman_half_down .5s 0s infinite);animation-play-state:var(--loading-pacman-div-nth-child-2-animation-play-state, running)}.ran-loading .pacman div:nth-child(3){background-color:var(--loading-pacman-div-nth-child-3-background-color, #279fcf);border-radius:var(--loading-pacman-div-nth-child-3-border-radius, 100%);margin:var(--loading-pacman-div-nth-child-3-margin, 2px);width:var(--loading-pacman-div-nth-child-3-width, 10px);height:var(--loading-pacman-div-nth-child-3-height, 10px);position:var(--loading-pacman-div-nth-child-3-position, absolute);transform:var(--loading-pacman-div-nth-child-3-transform, translate(0, -6.25px));top:var(--loading-pacman-div-nth-child-3-top, 25px);left:var(--loading-pacman-div-nth-child-3-left, 100px);animation:var(--loading-pacman-div-nth-child-3-animation, pacman-balls 1s .33s infinite linear);animation-play-state:var(--loading-pacman-div-nth-child-3-animation-play-state, running)}.ran-loading .pacman div:nth-child(4){background-color:var(--loading-pacman-div-nth-child-4-background-color, #279fcf);border-radius:var(--loading-pacman-div-nth-child-4-border-radius, 100%);margin:var(--loading-pacman-div-nth-child-4-margin, 2px);width:var(--loading-pacman-div-nth-child-4-width, 10px);height:var(--loading-pacman-div-nth-child-4-height, 10px);position:var(--loading-pacman-div-nth-child-4-position, absolute);transform:var(--loading-pacman-div-nth-child-4-transform, translate(0, -6.25px));top:var(--loading-pacman-div-nth-child-4-top, 25px);left:var(--loading-pacman-div-nth-child-4-left, 100px);animation:var(--loading-pacman-div-nth-child-4-animation, pacman-balls 1s .66s infinite linear);animation-play-state:var(--loading-pacman-div-nth-child-4-animation-play-state, running)}.ran-loading .pacman div:nth-child(5){background-color:var(--loading-pacman-div-nth-child-5-background-color, #279fcf);border-radius:var(--loading-pacman-div-nth-child-5-border-radius, 100%);margin:var(--loading-pacman-div-nth-child-5-margin, 2px);width:var(--loading-pacman-div-nth-child-5-width, 10px);height:var(--loading-pacman-div-nth-child-5-height, 10px);position:var(--loading-pacman-div-nth-child-5-position, absolute);transform:var(--loading-pacman-div-nth-child-5-transform, translate(0, -6.25px));top:var(--loading-pacman-div-nth-child-5-top, 25px);left:var(--loading-pacman-div-nth-child-5-left, 100px);animation:var(--loading-pacman-div-nth-child-5-animation, pacman-balls 1s .99s infinite linear);animation-play-state:var(--loading-pacman-div-nth-child-5-animation-play-state, running)}.ran-loading .pacman div:first-of-type{width:var(--loading-pacman-div-first-of-type-width, 0px);height:var(--loading-pacman-div-first-of-type-height, 0px);border-right:var(--loading-pacman-div-first-of-type-border-right, 25px solid transparent);border-top:var(--loading-pacman-div-first-of-type-border-top, 25px solid #279fcf);border-left:var(--loading-pacman-div-first-of-type-border-left, 25px solid #279fcf);border-bottom:var(--loading-pacman-div-first-of-type-border-bottom, 25px solid #279fcf);border-radius:var(--loading-pacman-div-first-of-type-border-radius, 25px);animation:var(--loading-pacman-div-first-of-type-animation, rotate_pacman_half_up .5s 0s infinite);animation-play-state:var(--loading-pacman-div-first-of-type-animation-play-state, running)}';
|
|
7
|
-
var NAME_AMP = /* @__PURE__ */ ((NAME_AMP2) => {
|
|
8
|
-
NAME_AMP2["DOUBLE_BOUNCE"] = "double-bounce";
|
|
9
|
-
NAME_AMP2["ROTATE"] = "rotate";
|
|
10
|
-
NAME_AMP2["STRETCH"] = "stretch";
|
|
11
|
-
NAME_AMP2["CUBE"] = "cube";
|
|
12
|
-
NAME_AMP2["DOT"] = "dot";
|
|
13
|
-
NAME_AMP2["TRIPLE_BOUNCE"] = "triple-bounce";
|
|
14
|
-
NAME_AMP2["SCALE_OUT"] = "scale-out";
|
|
15
|
-
NAME_AMP2["CIRCLE"] = "circle";
|
|
16
|
-
NAME_AMP2["CIRCLE_LINE"] = "circle-line";
|
|
17
|
-
NAME_AMP2["SQUARE"] = "square";
|
|
18
|
-
NAME_AMP2["PULSE"] = "pulse";
|
|
19
|
-
NAME_AMP2["SOLAR"] = "solar";
|
|
20
|
-
NAME_AMP2["CUBE_FOLD"] = "cube-fold";
|
|
21
|
-
NAME_AMP2["CIRCLE_FOLD"] = "circle-fold";
|
|
22
|
-
NAME_AMP2["CUBE_GRID"] = "cube-grid";
|
|
23
|
-
NAME_AMP2["CIRCLE_TURN"] = "circle-turn";
|
|
24
|
-
NAME_AMP2["CIRCLE_ROTATE"] = "circle-rotate";
|
|
25
|
-
NAME_AMP2["CIRCLE_SPIN"] = "circle-spin";
|
|
26
|
-
NAME_AMP2["DOT_BAR"] = "dot-bar";
|
|
27
|
-
NAME_AMP2["DOT_CIRCLE"] = "dot-circle";
|
|
28
|
-
NAME_AMP2["LINE"] = "line";
|
|
29
|
-
NAME_AMP2["DOT_PULSE"] = "dot-pulse";
|
|
30
|
-
NAME_AMP2["LINE_SCALE"] = "line-scale";
|
|
31
|
-
NAME_AMP2["TEXT"] = "text";
|
|
32
|
-
NAME_AMP2["CUBE_DIM"] = "cube-dim";
|
|
33
|
-
NAME_AMP2["DOT_LINE"] = "dot-line";
|
|
34
|
-
NAME_AMP2["ARC"] = "arc";
|
|
35
|
-
NAME_AMP2["DROP"] = "drop";
|
|
36
|
-
NAME_AMP2["PACMAN"] = "pacman";
|
|
37
|
-
return NAME_AMP2;
|
|
38
|
-
})(NAME_AMP || {});
|
|
39
|
-
class Loading extends HTMLElementSSR() {
|
|
40
|
-
constructor() {
|
|
41
|
-
super();
|
|
42
|
-
__publicField(this, "contain");
|
|
43
|
-
__publicField(this, "rotateLoading", () => {
|
|
44
|
-
const loading = document.createElement("div");
|
|
45
|
-
loading.setAttribute(
|
|
46
|
-
"class",
|
|
47
|
-
"rotate"
|
|
48
|
-
/* ROTATE */
|
|
49
|
-
);
|
|
50
|
-
this.contain.appendChild(loading);
|
|
51
|
-
});
|
|
52
|
-
__publicField(this, "stretchLoading", () => {
|
|
53
|
-
const loading = document.createElement("div");
|
|
54
|
-
loading.setAttribute(
|
|
55
|
-
"class",
|
|
56
|
-
"stretch"
|
|
57
|
-
/* STRETCH */
|
|
58
|
-
);
|
|
59
|
-
Array(5).fill(1).forEach((_, i) => {
|
|
60
|
-
const rect = document.createElement("div");
|
|
61
|
-
rect.setAttribute("class", `rect${i + 1}`);
|
|
62
|
-
loading.appendChild(rect);
|
|
63
|
-
});
|
|
64
|
-
this.contain.appendChild(loading);
|
|
65
|
-
});
|
|
66
|
-
__publicField(this, "doubleBounceLoading", () => {
|
|
67
|
-
const loading = document.createElement("div");
|
|
68
|
-
loading.setAttribute(
|
|
69
|
-
"class",
|
|
70
|
-
"double-bounce"
|
|
71
|
-
/* DOUBLE_BOUNCE */
|
|
72
|
-
);
|
|
73
|
-
Array(2).fill(1).forEach((_, i) => {
|
|
74
|
-
const rect = document.createElement("div");
|
|
75
|
-
rect.setAttribute("class", `double-bounce${i + 1}`);
|
|
76
|
-
loading.appendChild(rect);
|
|
77
|
-
});
|
|
78
|
-
this.contain.appendChild(loading);
|
|
79
|
-
});
|
|
80
|
-
__publicField(this, "cubeLoading", () => {
|
|
81
|
-
const loading = document.createElement("div");
|
|
82
|
-
loading.setAttribute(
|
|
83
|
-
"class",
|
|
84
|
-
"cube"
|
|
85
|
-
/* CUBE */
|
|
86
|
-
);
|
|
87
|
-
Array(2).fill(1).forEach((_, i) => {
|
|
88
|
-
const rect = document.createElement("div");
|
|
89
|
-
rect.setAttribute("class", `cube${i + 1}`);
|
|
90
|
-
loading.appendChild(rect);
|
|
91
|
-
});
|
|
92
|
-
this.contain.appendChild(loading);
|
|
93
|
-
});
|
|
94
|
-
__publicField(this, "dotLoading", () => {
|
|
95
|
-
const loading = document.createElement("div");
|
|
96
|
-
loading.setAttribute(
|
|
97
|
-
"class",
|
|
98
|
-
"dot"
|
|
99
|
-
/* DOT */
|
|
100
|
-
);
|
|
101
|
-
Array(2).fill(1).forEach((_, i) => {
|
|
102
|
-
const rect = document.createElement("div");
|
|
103
|
-
rect.setAttribute("class", `dot${i + 1}`);
|
|
104
|
-
loading.appendChild(rect);
|
|
105
|
-
});
|
|
106
|
-
this.contain.appendChild(loading);
|
|
107
|
-
});
|
|
108
|
-
__publicField(this, "tripleBounceLoading", () => {
|
|
109
|
-
const loading = document.createElement("div");
|
|
110
|
-
loading.setAttribute(
|
|
111
|
-
"class",
|
|
112
|
-
"triple-bounce"
|
|
113
|
-
/* TRIPLE_BOUNCE */
|
|
114
|
-
);
|
|
115
|
-
Array(3).fill(1).forEach((_, i) => {
|
|
116
|
-
const rect = document.createElement("div");
|
|
117
|
-
rect.setAttribute("class", `triple-bounce${i + 1}`);
|
|
118
|
-
loading.appendChild(rect);
|
|
119
|
-
});
|
|
120
|
-
this.contain.appendChild(loading);
|
|
121
|
-
});
|
|
122
|
-
__publicField(this, "scaleOutLoading", () => {
|
|
123
|
-
const loading = document.createElement("div");
|
|
124
|
-
loading.setAttribute("class", "scale-out");
|
|
125
|
-
this.contain.appendChild(loading);
|
|
126
|
-
});
|
|
127
|
-
__publicField(this, "circleLoading", () => {
|
|
128
|
-
const loading = document.createElement("div");
|
|
129
|
-
loading.setAttribute("class", "circle");
|
|
130
|
-
Array(3).fill(1).map(() => new Array(4).fill(1)).forEach((i, index2) => {
|
|
131
|
-
const container = document.createElement("div");
|
|
132
|
-
container.setAttribute("class", `circle-container container${index2 + 1}`);
|
|
133
|
-
i.forEach((_, j) => {
|
|
134
|
-
const rect = document.createElement("div");
|
|
135
|
-
rect.setAttribute("class", `circle${j + 1}`);
|
|
136
|
-
container.appendChild(rect);
|
|
137
|
-
});
|
|
138
|
-
loading.appendChild(container);
|
|
139
|
-
});
|
|
140
|
-
this.contain.appendChild(loading);
|
|
141
|
-
});
|
|
142
|
-
__publicField(this, "circleLineLoading", () => {
|
|
143
|
-
const { element: core } = create("div").setAttribute("class", "circle-line-core");
|
|
144
|
-
const { element: border } = create("div").setAttribute("class", "circle-line-border").append(core);
|
|
145
|
-
const { element: loading } = create("div").setAttribute("class", "circle-line").append(border);
|
|
146
|
-
this.contain.appendChild(loading);
|
|
147
|
-
});
|
|
148
|
-
__publicField(this, "squareLoading", () => {
|
|
149
|
-
const { element: core } = create("div").setAttribute("class", "square-core");
|
|
150
|
-
const { element: box1 } = create("div").setAttribute("class", "square-box1").append(core);
|
|
151
|
-
const { element: box2 } = create("div").setAttribute("class", "square-box2").append(core);
|
|
152
|
-
const { element: square } = create("div").setAttribute("class", "square").append(box1).append(box2);
|
|
153
|
-
this.contain.appendChild(square);
|
|
154
|
-
});
|
|
155
|
-
__publicField(this, "pulseLoading", () => {
|
|
156
|
-
const pulse = create("div").setAttribute("class", "pulse");
|
|
157
|
-
Array(3).fill(1).forEach((_, index2) => {
|
|
158
|
-
const { element: bubble } = create("div").setAttribute("class", `pulse-bubble pulse-bubble-${index2 + 1}`);
|
|
159
|
-
pulse.append(bubble);
|
|
160
|
-
});
|
|
161
|
-
this.contain.appendChild(pulse.element);
|
|
162
|
-
});
|
|
163
|
-
__publicField(this, "solarLoading", () => {
|
|
164
|
-
const { element: sun } = create("div").setAttribute("class", "sun");
|
|
165
|
-
const { element: mercury } = create("div").setAttribute("class", "planet mercury");
|
|
166
|
-
const { element: mercuryOrbit } = create("div").setAttribute("class", "mercury-orbit orbit").append(mercury).append(sun);
|
|
167
|
-
const { element: venus } = create("div").setAttribute("class", "planet venus");
|
|
168
|
-
const { element: venusOrbit } = create("div").setAttribute("class", "venus-orbit orbit").append(venus).append(mercuryOrbit);
|
|
169
|
-
const { element: earth } = create("div").setAttribute("class", "planet earth");
|
|
170
|
-
const { element: earthOrbit } = create("div").setAttribute("class", "earth-orbit orbit").append(earth).append(venusOrbit);
|
|
171
|
-
const { element: solar } = create("div").setAttribute("class", "solar").append(earthOrbit);
|
|
172
|
-
this.contain.appendChild(solar);
|
|
173
|
-
});
|
|
174
|
-
__publicField(this, "cubeFoldLoading", () => {
|
|
175
|
-
const { element: cubeFold } = create("div").setAttribute("class", "cube-fold");
|
|
176
|
-
Array(4).fill(1).forEach((_, index2) => {
|
|
177
|
-
const { element: cube } = create("div").setAttribute("class", `cube-fold-item cube-fold-item-${index2 + 1}`);
|
|
178
|
-
cubeFold.appendChild(cube);
|
|
179
|
-
});
|
|
180
|
-
this.contain.appendChild(cubeFold);
|
|
181
|
-
});
|
|
182
|
-
__publicField(this, "circleFoldLoading", () => {
|
|
183
|
-
const circleFold = create("div").setAttribute("class", "circle-fold");
|
|
184
|
-
Array(12).fill(1).forEach((_, index2) => {
|
|
185
|
-
const { element } = create("div").setAttribute("class", `circle-fold-item circle-fold-item-${index2 + 1}`);
|
|
186
|
-
circleFold.append(element);
|
|
187
|
-
});
|
|
188
|
-
this.contain.appendChild(circleFold.element);
|
|
189
|
-
});
|
|
190
|
-
__publicField(this, "cubeGridLoading", () => {
|
|
191
|
-
const cubeGrid = create("div").setAttribute("class", "cube-grid");
|
|
192
|
-
Array(9).fill(1).forEach((_, index2) => {
|
|
193
|
-
const { element } = create("div").setAttribute("class", `cube-grid-item cube-grid-item-${index2 + 1}`);
|
|
194
|
-
cubeGrid.append(element);
|
|
195
|
-
});
|
|
196
|
-
this.contain.appendChild(cubeGrid.element);
|
|
197
|
-
});
|
|
198
|
-
__publicField(this, "circleTurnLoading", () => {
|
|
199
|
-
const { element: circleTurn } = create("div").setAttribute("class", "circle-turn");
|
|
200
|
-
this.contain.appendChild(circleTurn);
|
|
201
|
-
});
|
|
202
|
-
__publicField(this, "circleRotateLoading", () => {
|
|
203
|
-
const { element: circleRotate } = create("div").setAttribute("class", "circle-rotate");
|
|
204
|
-
const { element: circleInner } = create("div").setAttribute("class", "circle-rotate-inner");
|
|
205
|
-
const { element: circleOuter } = create("div").setAttribute("class", "circle-rotate-outer");
|
|
206
|
-
circleRotate.appendChild(circleOuter);
|
|
207
|
-
circleRotate.appendChild(circleInner);
|
|
208
|
-
this.contain.appendChild(circleRotate);
|
|
209
|
-
});
|
|
210
|
-
__publicField(this, "circleSpinLoading", () => {
|
|
211
|
-
const { element: circleSpin } = create("div").setAttribute("class", "circle-spin");
|
|
212
|
-
const { element: circleInner } = create("div").setAttribute("class", "circle-spin-inner");
|
|
213
|
-
const { element: circleOuter } = create("div").setAttribute("class", "circle-spin-outer");
|
|
214
|
-
circleSpin.appendChild(circleOuter);
|
|
215
|
-
circleSpin.appendChild(circleInner);
|
|
216
|
-
this.contain.appendChild(circleSpin);
|
|
217
|
-
});
|
|
218
|
-
__publicField(this, "dotBarLoading", () => {
|
|
219
|
-
const { element: dotBar } = create("div").setAttribute("class", "dot-bar");
|
|
220
|
-
Array(5).fill(1).forEach((_, index2) => {
|
|
221
|
-
const { element } = create("div").setAttribute("class", `dot-bar-item dot-bar-item-${index2 + 1}`);
|
|
222
|
-
dotBar.appendChild(element);
|
|
223
|
-
});
|
|
224
|
-
this.contain.appendChild(dotBar);
|
|
225
|
-
});
|
|
226
|
-
__publicField(this, "dotCircleLoading", () => {
|
|
227
|
-
const { element: dotCircle } = create("div").setAttribute("class", "dot-circle");
|
|
228
|
-
Array(5).fill(1).forEach((_, index2) => {
|
|
229
|
-
const { element } = create("div").setAttribute("class", `dot-circle-item dot-circle-item-${index2 + 1}`);
|
|
230
|
-
dotCircle.appendChild(element);
|
|
231
|
-
});
|
|
232
|
-
this.contain.appendChild(dotCircle);
|
|
233
|
-
});
|
|
234
|
-
__publicField(this, "lineLoading", () => {
|
|
235
|
-
const { element: line } = create("div").setAttribute("class", "line");
|
|
236
|
-
Array(3).fill(1).forEach(() => {
|
|
237
|
-
const { element } = create("div").setAttribute("class", `line-item`);
|
|
238
|
-
line.appendChild(element);
|
|
239
|
-
});
|
|
240
|
-
this.contain.appendChild(line);
|
|
241
|
-
});
|
|
242
|
-
__publicField(this, "dotPulseLoading", () => {
|
|
243
|
-
const { element: dotPulse } = create("div").setAttribute("class", "dot-pulse");
|
|
244
|
-
Array(5).fill(1).forEach((_, index2) => {
|
|
245
|
-
const { element: pulse } = create("div").setAttribute("class", `dot-pulse-item`);
|
|
246
|
-
const { element: dot } = create("div").setAttribute(
|
|
247
|
-
"class",
|
|
248
|
-
`dot-pulse-item-dot dot-pulse-item-dot-${index2 + 1}`
|
|
249
|
-
);
|
|
250
|
-
const { element: ball } = create("div").setAttribute(
|
|
251
|
-
"class",
|
|
252
|
-
`dot-pulse-item-ball dot-pulse-item-ball-${index2 + 1}`
|
|
253
|
-
);
|
|
254
|
-
pulse.appendChild(dot);
|
|
255
|
-
pulse.appendChild(ball);
|
|
256
|
-
dotPulse.appendChild(pulse);
|
|
257
|
-
});
|
|
258
|
-
this.contain.appendChild(dotPulse);
|
|
259
|
-
});
|
|
260
|
-
__publicField(this, "lineScaleLoading", () => {
|
|
261
|
-
const { element: lineScale } = create("div").setAttribute("class", "line-scale");
|
|
262
|
-
Array(5).fill(1).forEach((_, index2) => {
|
|
263
|
-
const { element } = create("div").setAttribute("class", `line-scale-item`);
|
|
264
|
-
lineScale.appendChild(element);
|
|
265
|
-
});
|
|
266
|
-
this.contain.appendChild(lineScale);
|
|
267
|
-
});
|
|
268
|
-
__publicField(this, "textLoading", () => {
|
|
269
|
-
const { element: text } = create("div").setAttribute("class", "text");
|
|
270
|
-
const arr = ["L", "o", "a", "d", "i", "n", "g"];
|
|
271
|
-
arr.forEach((i) => {
|
|
272
|
-
const { element } = create("span").setAttribute("class", `text-item`).setTextContent(i);
|
|
273
|
-
text.appendChild(element);
|
|
274
|
-
});
|
|
275
|
-
this.contain.appendChild(text);
|
|
276
|
-
});
|
|
277
|
-
__publicField(this, "cubeDimLoading", () => {
|
|
278
|
-
const { element: cubeDim } = create("div").setAttribute("class", "cube-dim");
|
|
279
|
-
Array(9).fill(1).forEach((_, index2) => {
|
|
280
|
-
const { element } = create("div").setAttribute("class", `cube-dim-item`);
|
|
281
|
-
cubeDim.appendChild(element);
|
|
282
|
-
});
|
|
283
|
-
this.contain.appendChild(cubeDim);
|
|
284
|
-
});
|
|
285
|
-
__publicField(this, "dotLineLoading", () => {
|
|
286
|
-
const { element: dotLine } = create("div").setAttribute("class", "dot-line");
|
|
287
|
-
Array(2).fill(1).forEach((_, index2) => {
|
|
288
|
-
const { element: line } = create("div").setAttribute("class", `dot-line-item`);
|
|
289
|
-
const { element } = create("div").setAttribute("class", `dot-line-item-circle`);
|
|
290
|
-
line.appendChild(element);
|
|
291
|
-
dotLine.appendChild(line);
|
|
292
|
-
});
|
|
293
|
-
this.contain.appendChild(dotLine);
|
|
294
|
-
});
|
|
295
|
-
__publicField(this, "arcLoading", () => {
|
|
296
|
-
const { element: arcItem } = create("div").setAttribute("class", "arc-item");
|
|
297
|
-
const { element: arc } = create("div").setAttribute("class", "arc").append(arcItem);
|
|
298
|
-
const { element: span } = create("span").setTextContent("LOADING");
|
|
299
|
-
const { element: h1 } = create("h1").append(span);
|
|
300
|
-
arc.appendChild(h1);
|
|
301
|
-
this.contain.appendChild(arc);
|
|
302
|
-
});
|
|
303
|
-
__publicField(this, "dropLoading", () => {
|
|
304
|
-
const { element: span } = create("span").setTextContent("LOADING");
|
|
305
|
-
const { element: dropItemBg } = create("div").setAttribute("class", "drop-item-bg").append(span);
|
|
306
|
-
const { element: dropDot1 } = create("div").setAttribute("class", "drop-dot-1");
|
|
307
|
-
const { element: dropDot2 } = create("div").setAttribute("class", "drop-dot-2");
|
|
308
|
-
const { element: dropDot } = create("div").setAttribute("class", "drop-dot").append(dropDot1).append(dropDot2);
|
|
309
|
-
const { element: dropItem } = create("div").setAttribute("class", "drop-item").append(dropItemBg).append(dropDot);
|
|
310
|
-
const { element: drop } = create("div").setAttribute("class", "drop").append(dropItem).append(dropDot);
|
|
311
|
-
this.contain.appendChild(drop);
|
|
312
|
-
});
|
|
313
|
-
__publicField(this, "pacmanLoading", () => {
|
|
314
|
-
const { element: pacman } = create("div").setAttribute("class", "pacman");
|
|
315
|
-
Array(5).fill(1).forEach(() => {
|
|
316
|
-
const { element: dot } = create("div");
|
|
317
|
-
pacman.append(dot);
|
|
318
|
-
});
|
|
319
|
-
this.contain.appendChild(pacman);
|
|
320
|
-
});
|
|
321
|
-
__publicField(this, "createLoading", () => {
|
|
322
|
-
this.contain.innerHTML = "";
|
|
323
|
-
const NAME_MAP = {
|
|
324
|
-
[
|
|
325
|
-
"stretch"
|
|
326
|
-
/* STRETCH */
|
|
327
|
-
]: this.stretchLoading,
|
|
328
|
-
[
|
|
329
|
-
"rotate"
|
|
330
|
-
/* ROTATE */
|
|
331
|
-
]: this.rotateLoading,
|
|
332
|
-
[
|
|
333
|
-
"double-bounce"
|
|
334
|
-
/* DOUBLE_BOUNCE */
|
|
335
|
-
]: this.doubleBounceLoading,
|
|
336
|
-
[
|
|
337
|
-
"cube"
|
|
338
|
-
/* CUBE */
|
|
339
|
-
]: this.cubeLoading,
|
|
340
|
-
[
|
|
341
|
-
"dot"
|
|
342
|
-
/* DOT */
|
|
343
|
-
]: this.dotLoading,
|
|
344
|
-
[
|
|
345
|
-
"triple-bounce"
|
|
346
|
-
/* TRIPLE_BOUNCE */
|
|
347
|
-
]: this.tripleBounceLoading,
|
|
348
|
-
[
|
|
349
|
-
"scale-out"
|
|
350
|
-
/* SCALE_OUT */
|
|
351
|
-
]: this.scaleOutLoading,
|
|
352
|
-
[
|
|
353
|
-
"circle"
|
|
354
|
-
/* CIRCLE */
|
|
355
|
-
]: this.circleLoading,
|
|
356
|
-
[
|
|
357
|
-
"circle-line"
|
|
358
|
-
/* CIRCLE_LINE */
|
|
359
|
-
]: this.circleLineLoading,
|
|
360
|
-
[
|
|
361
|
-
"square"
|
|
362
|
-
/* SQUARE */
|
|
363
|
-
]: this.squareLoading,
|
|
364
|
-
[
|
|
365
|
-
"pulse"
|
|
366
|
-
/* PULSE */
|
|
367
|
-
]: this.pulseLoading,
|
|
368
|
-
[
|
|
369
|
-
"solar"
|
|
370
|
-
/* SOLAR */
|
|
371
|
-
]: this.solarLoading,
|
|
372
|
-
[
|
|
373
|
-
"cube-fold"
|
|
374
|
-
/* CUBE_FOLD */
|
|
375
|
-
]: this.cubeFoldLoading,
|
|
376
|
-
[
|
|
377
|
-
"circle-fold"
|
|
378
|
-
/* CIRCLE_FOLD */
|
|
379
|
-
]: this.circleFoldLoading,
|
|
380
|
-
[
|
|
381
|
-
"cube-grid"
|
|
382
|
-
/* CUBE_GRID */
|
|
383
|
-
]: this.cubeGridLoading,
|
|
384
|
-
[
|
|
385
|
-
"circle-turn"
|
|
386
|
-
/* CIRCLE_TURN */
|
|
387
|
-
]: this.circleTurnLoading,
|
|
388
|
-
[
|
|
389
|
-
"circle-rotate"
|
|
390
|
-
/* CIRCLE_ROTATE */
|
|
391
|
-
]: this.circleRotateLoading,
|
|
392
|
-
[
|
|
393
|
-
"circle-spin"
|
|
394
|
-
/* CIRCLE_SPIN */
|
|
395
|
-
]: this.circleSpinLoading,
|
|
396
|
-
[
|
|
397
|
-
"dot-bar"
|
|
398
|
-
/* DOT_BAR */
|
|
399
|
-
]: this.dotBarLoading,
|
|
400
|
-
[
|
|
401
|
-
"dot-circle"
|
|
402
|
-
/* DOT_CIRCLE */
|
|
403
|
-
]: this.dotCircleLoading,
|
|
404
|
-
[
|
|
405
|
-
"line"
|
|
406
|
-
/* LINE */
|
|
407
|
-
]: this.lineLoading,
|
|
408
|
-
[
|
|
409
|
-
"dot-pulse"
|
|
410
|
-
/* DOT_PULSE */
|
|
411
|
-
]: this.dotPulseLoading,
|
|
412
|
-
[
|
|
413
|
-
"line-scale"
|
|
414
|
-
/* LINE_SCALE */
|
|
415
|
-
]: this.lineScaleLoading,
|
|
416
|
-
[
|
|
417
|
-
"text"
|
|
418
|
-
/* TEXT */
|
|
419
|
-
]: this.textLoading,
|
|
420
|
-
[
|
|
421
|
-
"cube-dim"
|
|
422
|
-
/* CUBE_DIM */
|
|
423
|
-
]: this.cubeDimLoading,
|
|
424
|
-
[
|
|
425
|
-
"dot-line"
|
|
426
|
-
/* DOT_LINE */
|
|
427
|
-
]: this.dotLineLoading,
|
|
428
|
-
[
|
|
429
|
-
"arc"
|
|
430
|
-
/* ARC */
|
|
431
|
-
]: this.arcLoading,
|
|
432
|
-
[
|
|
433
|
-
"drop"
|
|
434
|
-
/* DROP */
|
|
435
|
-
]: this.dropLoading,
|
|
436
|
-
[
|
|
437
|
-
"pacman"
|
|
438
|
-
/* PACMAN */
|
|
439
|
-
]: this.pacmanLoading
|
|
440
|
-
};
|
|
441
|
-
const handler = NAME_MAP[this.name];
|
|
442
|
-
handler && handler();
|
|
443
|
-
});
|
|
444
|
-
this.contain = document.createElement("div");
|
|
445
|
-
this.contain.setAttribute("class", "ran-loading");
|
|
446
|
-
const shadowRoot = this.attachShadow({ mode: "open" });
|
|
447
|
-
const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
|
|
448
|
-
F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
|
|
449
|
-
shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
|
|
450
|
-
shadowRoot.appendChild(this.contain);
|
|
451
|
-
}
|
|
452
|
-
static get observedAttributes() {
|
|
453
|
-
return ["name"];
|
|
454
|
-
}
|
|
455
|
-
get name() {
|
|
456
|
-
const name = this.getAttribute("name") || "";
|
|
457
|
-
if (!name) return "circle";
|
|
458
|
-
return name;
|
|
459
|
-
}
|
|
460
|
-
set name(value) {
|
|
461
|
-
this.setAttribute("name", value || "");
|
|
462
|
-
}
|
|
463
|
-
connectedCallback() {
|
|
464
|
-
this.createLoading();
|
|
465
|
-
}
|
|
466
|
-
disconnectCallback() {
|
|
467
|
-
}
|
|
468
|
-
attributeChangedCallback(k, o, n) {
|
|
469
|
-
if (o !== n) {
|
|
470
|
-
if (k === "name") {
|
|
471
|
-
this.createLoading();
|
|
472
|
-
}
|
|
473
|
-
}
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
function Custom() {
|
|
477
|
-
if (typeof document !== "undefined" && !customElements.get("r-loading")) {
|
|
478
|
-
customElements.define("r-loading", Loading);
|
|
479
|
-
return Loading;
|
|
480
|
-
} else {
|
|
481
|
-
return createCustomError("document is undefined or r-loading is exist");
|
|
482
|
-
}
|
|
483
|
-
}
|
|
484
|
-
const index = Custom();
|
|
485
|
-
const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
486
|
-
__proto__: null,
|
|
487
|
-
Loading,
|
|
488
|
-
NAME_AMP,
|
|
489
|
-
default: index
|
|
490
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
491
|
-
export {
|
|
492
|
-
Loading as L,
|
|
493
|
-
NAME_AMP as N,
|
|
494
|
-
index as a,
|
|
495
|
-
index$1 as i
|
|
496
|
-
};
|