ranui 0.2.0-alpha.2 → 0.2.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/builder.js +1 -1
- package/dist/{button-BstLjXNe.js → button-CJFSrjq_.js} +10 -10
- package/dist/button.js +1 -1
- package/dist/card-F-3fRynz.js +67 -0
- package/dist/card.js +1 -1
- package/dist/{checkbox-iHZQb-yQ.js → checkbox-BS5kNY6n.js} +9 -9
- package/dist/checkbox.js +1 -1
- package/dist/{colorpicker-CGh8pRqo.js → colorpicker-CdzUAVC5.js} +11 -11
- package/dist/colorpicker.js +1 -1
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/theme-switch/index.d.ts +36 -0
- package/dist/{dropdown-RqHMRhFE.js → dropdown-BYS1Trdu.js} +9 -9
- package/dist/dropdown.js +1 -1
- package/dist/fonts/Geist-Variable.woff2 +0 -0
- package/dist/fonts/GeistMono-Variable.woff2 +0 -0
- package/dist/fonts/OFL-LICENSE.txt +92 -0
- package/dist/fonts/fonts.css +26 -0
- package/dist/{form-05Lxxl3D.js → form-BsB5JhS4.js} +9 -9
- package/dist/form.js +1 -1
- package/dist/{icon-Blm7AbyY.js → icon-pfolda2m.js} +3 -3
- package/dist/icon.js +1 -1
- package/dist/iife/button.iife.js +1 -1
- package/dist/iife/card.iife.js +1 -1
- package/dist/iife/checkbox.iife.js +1 -1
- package/dist/iife/colorpicker.iife.js +2 -2
- package/dist/iife/dropdown.iife.js +1 -1
- package/dist/iife/form.iife.js +1 -1
- package/dist/iife/icon.iife.js +1 -1
- package/dist/iife/image.iife.js +1 -1
- package/dist/iife/input.iife.js +1 -1
- package/dist/iife/link.iife.js +1 -1
- package/dist/iife/loading.iife.js +1 -1
- package/dist/iife/math.iife.js +14 -14
- package/dist/iife/message.iife.js +1 -1
- package/dist/iife/modal.iife.js +1 -1
- package/dist/iife/player.iife.js +9 -9
- package/dist/iife/popover.iife.js +1 -1
- package/dist/iife/progress.iife.js +1 -1
- package/dist/iife/radar.iife.js +1 -1
- package/dist/iife/route.iife.js +1 -1
- package/dist/iife/router.iife.js +1 -1
- package/dist/iife/scratch.iife.js +1 -1
- package/dist/iife/section.iife.js +1 -1
- package/dist/iife/select.iife.js +2 -2
- package/dist/iife/skeleton.iife.js +1 -1
- package/dist/iife/tab.iife.js +1 -1
- package/dist/iife/tabpane.iife.js +1 -1
- package/dist/iife/theme-switch.iife.js +1 -0
- package/dist/{image-DKm6z7YQ.js → image-BXpKQ9sU.js} +9 -9
- package/dist/image.js +1 -1
- package/dist/index.cjs +23 -23
- package/dist/index.d.ts +4 -0
- package/dist/index.iife.js +67 -78
- package/dist/index.js +73 -72
- package/dist/{input-Dskw1bAl.js → input-BM6e_LQr.js} +13 -13
- package/dist/input.js +1 -1
- package/dist/{link-BW-gvrpN.js → link-DURZzd7u.js} +7 -7
- package/dist/link.js +1 -1
- package/dist/{loading-C4QUpm70.js → loading-Bd-gF1AH.js} +24 -24
- package/dist/loading.js +1 -1
- package/dist/{math-Dv4nXSoI.js → math-IjzOAwnA.js} +7 -7
- package/dist/math.js +1 -1
- package/dist/{message-De5e1txT.js → message-CLpuP8HY.js} +8 -8
- package/dist/message.js +1 -1
- package/dist/{modal-DruDj3AB.js → modal-DOTpABRe.js} +7 -7
- package/dist/modal.js +1 -1
- package/dist/{player-CqTAmg_E.js → player-C2pB5L2N.js} +7 -7
- package/dist/player.js +1 -1
- package/dist/{popover-BY32HNMl.js → popover-DRUQjdPs.js} +10 -10
- package/dist/popover.js +1 -1
- package/dist/{progress-gZo0knzu.js → progress-BIEXYYd2.js} +6 -6
- package/dist/progress.js +1 -1
- package/dist/{radar-19P5Mtld.js → radar-DAF95_Mj.js} +9 -9
- package/dist/radar.js +1 -1
- package/dist/ranui.css +1 -1
- package/dist/{route-BY_E6-2C.js → route-MQZpn2BP.js} +14 -14
- package/dist/route.js +1 -1
- package/dist/{router-BDcv4F-2.js → router-B9rCrWXm.js} +5 -5
- package/dist/router.js +1 -1
- package/dist/{scratch-Dbd9G6Q6.js → scratch-QlPyy1f4.js} +1 -1
- package/dist/scratch.js +1 -1
- package/dist/{section-CNTvgdQ-.js → section-D0qMm9KM.js} +8 -8
- package/dist/section.js +1 -1
- package/dist/{select-BVdUtQX5.js → select-BSeCT9tF.js} +13 -13
- package/dist/select.js +1 -1
- package/dist/{signal-XHfNsQNW.js → signal-CSSZxlK5.js} +1 -1
- package/dist/{skeleton-BAdJ6vyA.js → skeleton-CFqQmKyt.js} +8 -8
- package/dist/skeleton.js +1 -1
- package/dist/{tab-DH2owP2V.js → tab-CqFrgo2v.js} +5 -5
- package/dist/tab.js +1 -1
- package/dist/{tabpane-B_M-Jokw.js → tabpane-B-m3xwqu.js} +7 -7
- package/dist/tabpane.js +1 -1
- package/dist/test/unit/theme-switch.contract.test.d.ts +1 -0
- package/dist/theme-switch-B8K9y2RL.js +170 -0
- package/dist/theme-switch.js +5 -0
- package/dist/{utils-D4pPF77E.js → utils-DBfrRFoE.js} +116 -198
- package/docs/COMPONENTS.md +21 -5
- package/docs/DESIGN.md +24 -19
- package/docs/style-tokens-public.md +55 -8
- package/package.json +16 -10
- package/dist/card-DQUJoDUQ.js +0 -60
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c,
|
|
1
|
+
import { a as c, i as e, n as g, r as t, t as s } from "./utils-DBfrRFoE.js";
|
|
2
2
|
import { _ as m, i, m as n } from "./factory-BdsO0dEW.js";
|
|
3
3
|
import { a as p, n as v } from "./ssr-DSGwPtEd.js";
|
|
4
4
|
var b = '.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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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, var(--ran-color-primary, #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)}', A = /* @__PURE__ */ (function(a) {
|
|
@@ -10,48 +10,48 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
10
10
|
return ["name", "sheet"];
|
|
11
11
|
}
|
|
12
12
|
constructor() {
|
|
13
|
-
super(), this._shadowDom =
|
|
13
|
+
super(), this._shadowDom = g(this, b);
|
|
14
14
|
const a = s(this._shadowDom, ".ran-loading", () => i().class("ran-loading").build());
|
|
15
15
|
this.contain = a;
|
|
16
16
|
}
|
|
17
17
|
get name() {
|
|
18
|
-
const a =
|
|
18
|
+
const a = t(this, "name");
|
|
19
19
|
return a || "circle";
|
|
20
20
|
}
|
|
21
21
|
set name(a) {
|
|
22
|
-
|
|
22
|
+
e(this, "name", a);
|
|
23
23
|
}
|
|
24
24
|
get sheet() {
|
|
25
|
-
return
|
|
25
|
+
return t(this, "sheet");
|
|
26
26
|
}
|
|
27
27
|
set sheet(a) {
|
|
28
|
-
|
|
28
|
+
e(this, "sheet", a);
|
|
29
29
|
}
|
|
30
30
|
handlerExternalCss = () => {
|
|
31
|
-
|
|
31
|
+
c(this, this._shadowDom, "sheet", null, this.sheet);
|
|
32
32
|
};
|
|
33
33
|
rotateLoading = () => {
|
|
34
34
|
const a = i().class("rotate").part("rotate").build();
|
|
35
35
|
this.contain.appendChild(a);
|
|
36
36
|
};
|
|
37
37
|
stretchLoading = () => {
|
|
38
|
-
const a = i().class("stretch").part("stretch").children(...Array(5).fill(1).map((
|
|
38
|
+
const a = i().class("stretch").part("stretch").children(...Array(5).fill(1).map((o, r) => i().class(`rect${r + 1}`))).build();
|
|
39
39
|
this.contain.appendChild(a);
|
|
40
40
|
};
|
|
41
41
|
doubleBounceLoading = () => {
|
|
42
|
-
const a = i().class("double-bounce").part("double-bounce").children(...Array(2).fill(1).map((
|
|
42
|
+
const a = i().class("double-bounce").part("double-bounce").children(...Array(2).fill(1).map((o, r) => i().class(`double-bounce${r + 1}`))).build();
|
|
43
43
|
this.contain.appendChild(a);
|
|
44
44
|
};
|
|
45
45
|
cubeLoading = () => {
|
|
46
|
-
const a = i().class("cube").part("cube").children(...Array(2).fill(1).map((
|
|
46
|
+
const a = i().class("cube").part("cube").children(...Array(2).fill(1).map((o, r) => i().class(`cube${r + 1}`))).build();
|
|
47
47
|
this.contain.appendChild(a);
|
|
48
48
|
};
|
|
49
49
|
dotLoading = () => {
|
|
50
|
-
const a = i().class("dot").part("dot").children(...Array(2).fill(1).map((
|
|
50
|
+
const a = i().class("dot").part("dot").children(...Array(2).fill(1).map((o, r) => i().class(`dot${r + 1}`))).build();
|
|
51
51
|
this.contain.appendChild(a);
|
|
52
52
|
};
|
|
53
53
|
tripleBounceLoading = () => {
|
|
54
|
-
const a = i().class("triple-bounce").part("triple-bounce").children(...Array(3).fill(1).map((
|
|
54
|
+
const a = i().class("triple-bounce").part("triple-bounce").children(...Array(3).fill(1).map((o, r) => i().class(`triple-bounce${r + 1}`))).build();
|
|
55
55
|
this.contain.appendChild(a);
|
|
56
56
|
};
|
|
57
57
|
scaleOutLoading = () => {
|
|
@@ -60,8 +60,8 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
60
60
|
};
|
|
61
61
|
circleLoading = () => {
|
|
62
62
|
const a = i().class("circle").part("circle").build();
|
|
63
|
-
Array(3).fill(1).map(() => Array(4).fill(1)).forEach((
|
|
64
|
-
const l = i().class(`circle-container container${
|
|
63
|
+
Array(3).fill(1).map(() => Array(4).fill(1)).forEach((o, r) => {
|
|
64
|
+
const l = i().class(`circle-container container${r + 1}`).children(...o.map((h, d) => i().class(`circle${d + 1}`))).build();
|
|
65
65
|
a.appendChild(l);
|
|
66
66
|
}), this.contain.appendChild(a);
|
|
67
67
|
};
|
|
@@ -74,7 +74,7 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
74
74
|
this.contain.appendChild(a);
|
|
75
75
|
};
|
|
76
76
|
pulseLoading = () => {
|
|
77
|
-
const a = i().class("pulse").part("pulse").children(...Array(3).fill(1).map((
|
|
77
|
+
const a = i().class("pulse").part("pulse").children(...Array(3).fill(1).map((o, r) => i().class(`pulse-bubble pulse-bubble-${r + 1}`))).build();
|
|
78
78
|
this.contain.appendChild(a);
|
|
79
79
|
};
|
|
80
80
|
solarLoading = () => {
|
|
@@ -82,15 +82,15 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
82
82
|
this.contain.appendChild(a);
|
|
83
83
|
};
|
|
84
84
|
cubeFoldLoading = () => {
|
|
85
|
-
const a = i().class("cube-fold").part("cube-fold").children(...Array(4).fill(1).map((
|
|
85
|
+
const a = i().class("cube-fold").part("cube-fold").children(...Array(4).fill(1).map((o, r) => i().class(`cube-fold-item cube-fold-item-${r + 1}`))).build();
|
|
86
86
|
this.contain.appendChild(a);
|
|
87
87
|
};
|
|
88
88
|
circleFoldLoading = () => {
|
|
89
|
-
const a = i().class("circle-fold").part("circle-fold").children(...Array(12).fill(1).map((
|
|
89
|
+
const a = i().class("circle-fold").part("circle-fold").children(...Array(12).fill(1).map((o, r) => i().class(`circle-fold-item circle-fold-item-${r + 1}`))).build();
|
|
90
90
|
this.contain.appendChild(a);
|
|
91
91
|
};
|
|
92
92
|
cubeGridLoading = () => {
|
|
93
|
-
const a = i().class("cube-grid").part("cube-grid").children(...Array(9).fill(1).map((
|
|
93
|
+
const a = i().class("cube-grid").part("cube-grid").children(...Array(9).fill(1).map((o, r) => i().class(`cube-grid-item cube-grid-item-${r + 1}`))).build();
|
|
94
94
|
this.contain.appendChild(a);
|
|
95
95
|
};
|
|
96
96
|
circleTurnLoading = () => {
|
|
@@ -106,11 +106,11 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
106
106
|
this.contain.appendChild(a);
|
|
107
107
|
};
|
|
108
108
|
dotBarLoading = () => {
|
|
109
|
-
const a = i().class("dot-bar").part("dot-bar").children(...Array(5).fill(1).map((
|
|
109
|
+
const a = i().class("dot-bar").part("dot-bar").children(...Array(5).fill(1).map((o, r) => i().class(`dot-bar-item dot-bar-item-${r + 1}`))).build();
|
|
110
110
|
this.contain.appendChild(a);
|
|
111
111
|
};
|
|
112
112
|
dotCircleLoading = () => {
|
|
113
|
-
const a = i().class("dot-circle").part("dot-circle").children(...Array(5).fill(1).map((
|
|
113
|
+
const a = i().class("dot-circle").part("dot-circle").children(...Array(5).fill(1).map((o, r) => i().class(`dot-circle-item dot-circle-item-${r + 1}`))).build();
|
|
114
114
|
this.contain.appendChild(a);
|
|
115
115
|
};
|
|
116
116
|
lineLoading = () => {
|
|
@@ -118,7 +118,7 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
118
118
|
this.contain.appendChild(a);
|
|
119
119
|
};
|
|
120
120
|
dotPulseLoading = () => {
|
|
121
|
-
const a = i().class("dot-pulse").part("dot-pulse").children(...Array(5).fill(1).map((
|
|
121
|
+
const a = i().class("dot-pulse").part("dot-pulse").children(...Array(5).fill(1).map((o, r) => i().class("dot-pulse-item").children(i().class(`dot-pulse-item-dot dot-pulse-item-dot-${r + 1}`), i().class(`dot-pulse-item-ball dot-pulse-item-ball-${r + 1}`)))).build();
|
|
122
122
|
this.contain.appendChild(a);
|
|
123
123
|
};
|
|
124
124
|
lineScaleLoading = () => {
|
|
@@ -134,7 +134,7 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
134
134
|
"i",
|
|
135
135
|
"n",
|
|
136
136
|
"g"
|
|
137
|
-
].map((
|
|
137
|
+
].map((o) => n().class("text-item").text(o))).build();
|
|
138
138
|
this.contain.appendChild(a);
|
|
139
139
|
};
|
|
140
140
|
cubeDimLoading = () => {
|
|
@@ -195,8 +195,8 @@ var b = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
195
195
|
connectedCallback() {
|
|
196
196
|
this.handlerExternalCss(), this.createLoading();
|
|
197
197
|
}
|
|
198
|
-
attributeChangedCallback(a,
|
|
199
|
-
|
|
198
|
+
attributeChangedCallback(a, o, r) {
|
|
199
|
+
o !== r && (a === "name" && this.createLoading(), a === "sheet" && this.handlerExternalCss());
|
|
200
200
|
}
|
|
201
201
|
};
|
|
202
202
|
p("r-loading", f);
|
package/dist/loading.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as i, i as a, n as r, r as n, t as h } from "./utils-DBfrRFoE.js";
|
|
2
2
|
import { i as o, m as l } from "./factory-BdsO0dEW.js";
|
|
3
3
|
import { a as c, n as m } from "./ssr-DSGwPtEd.js";
|
|
4
4
|
var d = ".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}:host{position:var(--ran-math-position, relative)}.ran-math{display:var(--ran-math-display, flex);justify-content:var(--ran-math-justify-content, space-around);align-items:var(--ran-math-align-items, center)}.katex-html{display:var(--ran-math-katex-display, none)}", u = class extends m {
|
|
@@ -8,25 +8,25 @@ var d = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
8
8
|
return ["latex", "sheet"];
|
|
9
9
|
}
|
|
10
10
|
constructor() {
|
|
11
|
-
super(), this._shadowDom =
|
|
11
|
+
super(), this._shadowDom = r(this, d);
|
|
12
12
|
const t = h(this._shadowDom, ".ran-math", () => o().class("ran-math").build());
|
|
13
13
|
this.contain = t;
|
|
14
14
|
}
|
|
15
15
|
get latex() {
|
|
16
|
-
const t =
|
|
16
|
+
const t = n(this, "latex");
|
|
17
17
|
return decodeURIComponent(t);
|
|
18
18
|
}
|
|
19
19
|
set latex(t) {
|
|
20
|
-
|
|
20
|
+
a(this, "latex", t);
|
|
21
21
|
}
|
|
22
22
|
get sheet() {
|
|
23
|
-
return
|
|
23
|
+
return n(this, "sheet");
|
|
24
24
|
}
|
|
25
25
|
set sheet(t) {
|
|
26
|
-
|
|
26
|
+
a(this, "sheet", t);
|
|
27
27
|
}
|
|
28
28
|
handlerExternalCss = () => {
|
|
29
|
-
|
|
29
|
+
i(this, this._shadowDom, "sheet", null, this.sheet);
|
|
30
30
|
};
|
|
31
31
|
render() {
|
|
32
32
|
this.latex && import("./katex-es-CKRwcaiU.js").then((t) => {
|
package/dist/math.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as v, i as h, n as w, r as b, t as x } from "./utils-DBfrRFoE.js";
|
|
2
2
|
import { _ as p, i, m as y } from "./factory-BdsO0dEW.js";
|
|
3
3
|
import { a as _, n as g } from "./ssr-DSGwPtEd.js";
|
|
4
|
-
import { r as z } from "./icon-
|
|
4
|
+
import { r as z } from "./icon-pfolda2m.js";
|
|
5
5
|
var S = '.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}:host([type="toast"]) .ran-message-notice{padding:8px;text-align:center;max-width:90%;margin:0 auto;word-break:break-all}:host([type="toast"]) .ran-message-notice-content{display:inline-block;padding:10px 16px;background:#000000b3;border-radius:7px;pointer-events:all}:host([type="toast"]) .ran-message-notice-content-info{align-items:center;display:flex}:host([type="toast"]) .ran-message-notice-content-info span{margin:0;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum";z-index:1010;width:100%;pointer-events:none;color:#fff}.ran-message-notice{padding:var(--ran-message-notice-padding, 8px);text-align:var(--ran-message-notice-text-align, center);max-width:var(--ran-message-notice-max-width, 90%);margin:var(--ran-message-notice-margin, 0 auto);word-break:var(--ran-message-notice-word-break, break-all)}.ran-message-notice-content{display:var(--ran-message-notice-content-display, inline-block);padding:var(--ran-message-notice-content-padding, 10px 16px);background:var(--ran-message-notice-content-background, var(--ran-color-bg-elevated, #fff));border-image-source:var(--ran-message-notice-content-border-image-source, none);border-image-slice:var(--ran-message-notice-content-border-image-slice, 8);border-image-width:var(--ran-message-notice-content-border-image-width, 4px);border-image-outset:0;border-image-repeat:stretch;border-radius:var(--ran-message-notice-content-border-radius, var(--ran-radius-md, 12px));box-shadow:var(--ran-message-notice-content-box-shadow, var(--ran-shadow-menu, 0 2px 4px #0000000d, 0 8px 24px -6px #00000024));pointer-events:var(--ran-message-notice-content-pointer-events, all)}.ran-message-notice-content-info{align-items:var(--ran-message-notice-content-info-align-items, center);display:var(--ran-message-notice-content-info-display, flex)}.ran-message-notice-content-info span{margin:var(--ran-message-notice-content-info-span-margin, 0);padding:var(--ran-message-notice-content-info-span-padding, 0);color:var(--ran-message-notice-content-info-span-color, var(--ran-color-text, #000000d9));font-size:var(--ran-message-notice-content-info-span-font-size, 14px);font-variant:var(--ran-message-notice-content-info-span-font-variant, tabular-nums);list-style:var(--ran-message-notice-content-info-span-list-style, none);font-feature-settings:var(--ran-message-notice-content-info-span-font-feature-settings, "tnum");z-index:var(--ran-message-notice-content-info-span-z-index, 1010);width:var(--ran-message-notice-content-info-span-width, 100%);pointer-events:var(--ran-message-notice-content-info-span-pointer-events, none)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes MessageMoveIn{0%{padding:0;transform:translateY(-100%);opacity:0}to{padding:8px;transform:translateY(0);opacity:1}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ranui-message{box-sizing:var(--ran-message-box-sizing, border-box);margin:var(--ran-message-margin, 0);padding:var(--ran-message-padding, 0);color:var(--ran-message-color, var(--ran-color-text, #000000d9));font-size:var(--ran-message-font-size, 14px);font-variant:var(--ran-message-font-variant, tabular-nums);line-height:var(--ran-message-line-height, 1.5715);list-style:var(--ran-message-ist-style, none);font-feature-settings:var(--ran-message-font-feature-settings, "tnum");position:var(--ran-message-position, fixed);top:var(--ran-message-top, 8px);left:var(--ran-message-left, 0);z-index:var(--ran-message-z-index, var(--ran-z-message, 1200));width:var(--ran-message-width, 100%);pointer-events:var(--ran-message-pointer-events, none)}.ranui-message .message-in{animation-name:var(--ran-message-in-animation-name, MessageMoveIn);animation-duration:var(--ran-message-in-animation-duration, .3s);animation-timing-function:var(--ran-message-in-animation-timing-function, cubic-bezier(.78, .14, .15, .86))}.ranui-message .message-leave{animation-name:var(--ran-message-leave-animation-name, MessageMoveOut);animation-duration:var(--ran-message-leave-animation-duration, .3s);animation-timing-function:var(--ran-message-leave-animation-timing-function, cubic-bezier(.78, .14, .15, .86))}', A = {
|
|
6
6
|
success: !0,
|
|
7
7
|
_identification: !0,
|
|
@@ -43,7 +43,7 @@ var P = /* @__PURE__ */ new Map([
|
|
|
43
43
|
["success", "#52c41a"],
|
|
44
44
|
["warning", "#faad14"],
|
|
45
45
|
["error", "#ff4d4f"],
|
|
46
|
-
["info", "#
|
|
46
|
+
["info", "#006bff"],
|
|
47
47
|
["toast", "rgba(0, 0, 0, 0.7)"]
|
|
48
48
|
]), D = class extends g {
|
|
49
49
|
_info;
|
|
@@ -62,8 +62,8 @@ var P = /* @__PURE__ */ new Map([
|
|
|
62
62
|
];
|
|
63
63
|
}
|
|
64
64
|
constructor() {
|
|
65
|
-
super(), this._shadowDom =
|
|
66
|
-
const e =
|
|
65
|
+
super(), this._shadowDom = w(this, S);
|
|
66
|
+
const e = x(this._shadowDom, ".ran-message-notice", () => i().class("ran-message-notice").children(i().class("ran-message-notice-content").children(i().class("ran-message-notice-content-info").children(p("r-icon"), y()))).build());
|
|
67
67
|
this._notice = e, this._content = e.querySelector(".ran-message-notice-content"), this._info = e.querySelector(".ran-message-notice-content-info"), this._icon = e.querySelector("r-icon"), this._span = e.querySelector("span"), this.handlerExternalCss();
|
|
68
68
|
}
|
|
69
69
|
connectedCallback() {
|
|
@@ -82,13 +82,13 @@ var P = /* @__PURE__ */ new Map([
|
|
|
82
82
|
e && this.setAttribute("content", e);
|
|
83
83
|
}
|
|
84
84
|
get sheet() {
|
|
85
|
-
return
|
|
85
|
+
return b(this, "sheet");
|
|
86
86
|
}
|
|
87
87
|
set sheet(e) {
|
|
88
|
-
|
|
88
|
+
h(this, "sheet", e);
|
|
89
89
|
}
|
|
90
90
|
handlerExternalCss = () => {
|
|
91
|
-
|
|
91
|
+
v(this, this._shadowDom, "sheet", null, this.sheet);
|
|
92
92
|
};
|
|
93
93
|
setA11yRole = (e) => {
|
|
94
94
|
const n = e === "error" || e === "warning";
|
package/dist/message.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as T, i as O, n as F, o as D, r as B, t as L } from "./utils-DBfrRFoE.js";
|
|
2
2
|
import { t as M } from "./events-C59wGdni.js";
|
|
3
3
|
import { _ as d, i as l, n as b, p as g } from "./factory-BdsO0dEW.js";
|
|
4
4
|
import { a as z, n as P } from "./ssr-DSGwPtEd.js";
|
|
@@ -37,12 +37,12 @@ var R = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
37
37
|
];
|
|
38
38
|
}
|
|
39
39
|
constructor() {
|
|
40
|
-
super(), this._labelId = `ran-modal-title-${Math.random().toString(36).slice(2, 9)}`, this._previousActiveElement = null, this._isDialogOpen = !1, this._scrollLocked = !1, this._afterOpenTimer = null, this._afterCloseTimer = null, this._shadowDom =
|
|
41
|
-
const t =
|
|
40
|
+
super(), this._labelId = `ran-modal-title-${Math.random().toString(36).slice(2, 9)}`, this._previousActiveElement = null, this._isDialogOpen = !1, this._scrollLocked = !1, this._afterOpenTimer = null, this._afterCloseTimer = null, this._shadowDom = F(this, R);
|
|
41
|
+
const t = L(this._shadowDom, ".ran-modal-root", () => l().class("ran-modal-root").part("root").children(l().class("ran-modal-mask").part("mask"), l().class("ran-modal-dialog").part("dialog").role("dialog").attr("aria-modal", "true").tabIndex(-1).labelledBy(this._labelId).children(d("header").class("ran-modal-header").part("header").children(d("h3").class("ran-modal-title").part("title").id(this._labelId), d("button").class("ran-modal-close").part("close").attr("type", "button").label("Close dialog").text("x")), l().class("ran-modal-body").part("body").children(g()), d("footer").class("ran-modal-footer").part("footer").children(g().attr("name", "footer")))).build());
|
|
42
42
|
this._root = t, this._mask = this._root.querySelector(".ran-modal-mask"), this._dialog = this._root.querySelector(".ran-modal-dialog"), this._title = this._root.querySelector(".ran-modal-title"), this._closeBtn = this._root.querySelector(".ran-modal-close"), this._slot = this._root.querySelector("slot"), this._footer = this._root.querySelector(".ran-modal-footer"), this._footerSlot = this._root.querySelector('slot[name="footer"]'), this.syncTitle(), this.syncClosable(), this.syncFooter();
|
|
43
43
|
}
|
|
44
44
|
get open() {
|
|
45
|
-
return this.hasAttribute("open") && !
|
|
45
|
+
return this.hasAttribute("open") && !D.includes(this.getAttribute("open"));
|
|
46
46
|
}
|
|
47
47
|
set open(t) {
|
|
48
48
|
!t || t === "false" ? this.removeAttribute("open") : this.setAttribute("open", "");
|
|
@@ -61,10 +61,10 @@ var R = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
61
61
|
!t || t === "false" || t === "0" ? this.setAttribute("maskClosable", "false") : this.setAttribute("maskClosable", "true");
|
|
62
62
|
}
|
|
63
63
|
get sheet() {
|
|
64
|
-
return
|
|
64
|
+
return B(this, "sheet");
|
|
65
65
|
}
|
|
66
66
|
set sheet(t) {
|
|
67
|
-
|
|
67
|
+
O(this, "sheet", t);
|
|
68
68
|
}
|
|
69
69
|
get closeOnEsc() {
|
|
70
70
|
const t = this.getAttribute("closeOnEsc");
|
|
@@ -95,7 +95,7 @@ var R = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
|
|
|
95
95
|
!t || t === "false" || t === "0" ? this.setAttribute("closable", "false") : this.setAttribute("closable", "true");
|
|
96
96
|
}
|
|
97
97
|
handlerExternalCss = () => {
|
|
98
|
-
|
|
98
|
+
T(this, this._shadowDom, "sheet", null, this.sheet);
|
|
99
99
|
};
|
|
100
100
|
syncTitle = () => {
|
|
101
101
|
this._title.textContent = this.title || "Modal";
|
package/dist/modal.js
CHANGED