react-loading-indicators
Version:
Kit of elegant loading indicators for react applications
1 lines • 119 kB
JavaScript
import n from"react";function r(n,r){void 0===r&&(r={});var o=r.insertAt;if(n&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}r('.react-loading-indicator-normalize,\n[class$=rli-bounding-box] {\n font-size: 1rem;\n display: inline-block;\n box-sizing: border-box;\n text-align: unset;\n isolation: isolate;\n}\n\n.rli-d-i-b {\n display: inline-block;\n}\n\n.rli-text-format {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 600;\n width: 90%;\n text-transform: uppercase;\n text-align: center;\n font-size: 0.7em;\n letter-spacing: 0.5px;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;\n}');var o=function(){return o=Object.assign||function(n){for(var r,o=1,a=arguments.length;o<a;o++)for(var e in r=arguments[o])Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e]);return n},o.apply(this,arguments)};function a(n){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},a(n)}"function"==typeof SuppressedError&&SuppressedError;var e=/^\s+/,t=/\s+$/;function i(n,r){if(r=r||{},(n=n||"")instanceof i)return n;if(!(this instanceof i))return new i(n,r);var o=function(n){var r={r:0,g:0,b:0},o=1,i=null,l=null,s=null,c=!1,u=!1;"string"==typeof n&&(n=function(n){n=n.replace(e,"").replace(t,"").toLowerCase();var r,o=!1;if(P[n])n=P[n],o=!0;else if("transparent"==n)return{r:0,g:0,b:0,a:0,format:"name"};if(r=R.rgb.exec(n))return{r:r[1],g:r[2],b:r[3]};if(r=R.rgba.exec(n))return{r:r[1],g:r[2],b:r[3],a:r[4]};if(r=R.hsl.exec(n))return{h:r[1],s:r[2],l:r[3]};if(r=R.hsla.exec(n))return{h:r[1],s:r[2],l:r[3],a:r[4]};if(r=R.hsv.exec(n))return{h:r[1],s:r[2],v:r[3]};if(r=R.hsva.exec(n))return{h:r[1],s:r[2],v:r[3],a:r[4]};if(r=R.hex8.exec(n))return{r:z(r[1]),g:z(r[2]),b:z(r[3]),a:C(r[4]),format:o?"name":"hex8"};if(r=R.hex6.exec(n))return{r:z(r[1]),g:z(r[2]),b:z(r[3]),format:o?"name":"hex"};if(r=R.hex4.exec(n))return{r:z(r[1]+""+r[1]),g:z(r[2]+""+r[2]),b:z(r[3]+""+r[3]),a:C(r[4]+""+r[4]),format:o?"name":"hex8"};if(r=R.hex3.exec(n))return{r:z(r[1]+""+r[1]),g:z(r[2]+""+r[2]),b:z(r[3]+""+r[3]),format:o?"name":"hex"};return!1}(n));"object"==a(n)&&(J(n.r)&&J(n.g)&&J(n.b)?(d=n.r,p=n.g,b=n.b,r={r:255*S(d,255),g:255*S(p,255),b:255*S(b,255)},c=!0,u="%"===String(n.r).substr(-1)?"prgb":"rgb"):J(n.h)&&J(n.s)&&J(n.v)?(i=_(n.s),l=_(n.v),r=function(n,r,o){n=6*S(n,360),r=S(r,100),o=S(o,100);var a=Math.floor(n),e=n-a,t=o*(1-r),i=o*(1-e*r),l=o*(1-(1-e)*r),s=a%6,c=[o,i,t,t,l,o][s],u=[l,o,o,i,t,t][s],d=[t,t,l,o,o,i][s];return{r:255*c,g:255*u,b:255*d}}(n.h,i,l),c=!0,u="hsv"):J(n.h)&&J(n.s)&&J(n.l)&&(i=_(n.s),s=_(n.l),r=function(n,r,o){var a,e,t;function i(n,r,o){return o<0&&(o+=1),o>1&&(o-=1),o<1/6?n+6*(r-n)*o:o<.5?r:o<2/3?n+(r-n)*(2/3-o)*6:n}if(n=S(n,360),r=S(r,100),o=S(o,100),0===r)a=e=t=o;else{var l=o<.5?o*(1+r):o+r-o*r,s=2*o-l;a=i(s,l,n+1/3),e=i(s,l,n),t=i(s,l,n-1/3)}return{r:255*a,g:255*e,b:255*t}}(n.h,i,s),c=!0,u="hsl"),n.hasOwnProperty("a")&&(o=n.a));var d,p,b;return o=E(o),{ok:c,format:n.format||u,r:Math.min(255,Math.max(r.r,0)),g:Math.min(255,Math.max(r.g,0)),b:Math.min(255,Math.max(r.b,0)),a:o}}(n);this._originalInput=n,this._r=o.r,this._g=o.g,this._b=o.b,this._a=o.a,this._roundA=Math.round(100*this._a)/100,this._format=r.format||o.format,this._gradientType=r.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=o.ok}function l(n,r,o){n=S(n,255),r=S(r,255),o=S(o,255);var a,e,t=Math.max(n,r,o),i=Math.min(n,r,o),l=(t+i)/2;if(t==i)a=e=0;else{var s=t-i;switch(e=l>.5?s/(2-t-i):s/(t+i),t){case n:a=(r-o)/s+(r<o?6:0);break;case r:a=(o-n)/s+2;break;case o:a=(n-r)/s+4}a/=6}return{h:a,s:e,l:l}}function s(n,r,o){n=S(n,255),r=S(r,255),o=S(o,255);var a,e,t=Math.max(n,r,o),i=Math.min(n,r,o),l=t,s=t-i;if(e=0===t?0:s/t,t==i)a=0;else{switch(t){case n:a=(r-o)/s+(r<o?6:0);break;case r:a=(o-n)/s+2;break;case o:a=(n-r)/s+4}a/=6}return{h:a,s:e,v:l}}function c(n,r,o,a){var e=[A(Math.round(n).toString(16)),A(Math.round(r).toString(16)),A(Math.round(o).toString(16))];return a&&e[0].charAt(0)==e[0].charAt(1)&&e[1].charAt(0)==e[1].charAt(1)&&e[2].charAt(0)==e[2].charAt(1)?e[0].charAt(0)+e[1].charAt(0)+e[2].charAt(0):e.join("")}function u(n,r,o,a){return[A(T(a)),A(Math.round(n).toString(16)),A(Math.round(r).toString(16)),A(Math.round(o).toString(16))].join("")}function d(n,r){r=0===r?0:r||10;var o=i(n).toHsl();return o.s-=r/100,o.s=N(o.s),i(o)}function p(n,r){r=0===r?0:r||10;var o=i(n).toHsl();return o.s+=r/100,o.s=N(o.s),i(o)}function b(n){return i(n).desaturate(100)}function h(n,r){r=0===r?0:r||10;var o=i(n).toHsl();return o.l+=r/100,o.l=N(o.l),i(o)}function m(n,r){r=0===r?0:r||10;var o=i(n).toRgb();return o.r=Math.max(0,Math.min(255,o.r-Math.round(-r/100*255))),o.g=Math.max(0,Math.min(255,o.g-Math.round(-r/100*255))),o.b=Math.max(0,Math.min(255,o.b-Math.round(-r/100*255))),i(o)}function g(n,r){r=0===r?0:r||10;var o=i(n).toHsl();return o.l-=r/100,o.l=N(o.l),i(o)}function f(n,r){var o=i(n).toHsl(),a=(o.h+r)%360;return o.h=a<0?360+a:a,i(o)}function v(n){var r=i(n).toHsl();return r.h=(r.h+180)%360,i(r)}function y(n,r){if(isNaN(r)||r<=0)throw new Error("Argument to polyad must be a positive number");for(var o=i(n).toHsl(),a=[i(n)],e=360/r,t=1;t<r;t++)a.push(i({h:(o.h+t*e)%360,s:o.s,l:o.l}));return a}function x(n){var r=i(n).toHsl(),o=r.h;return[i(n),i({h:(o+72)%360,s:r.s,l:r.l}),i({h:(o+216)%360,s:r.s,l:r.l})]}function k(n,r,o){r=r||6,o=o||30;var a=i(n).toHsl(),e=360/o,t=[i(n)];for(a.h=(a.h-(e*r>>1)+720)%360;--r;)a.h=(a.h+e)%360,t.push(i(a));return t}function O(n,r){r=r||6;for(var o=i(n).toHsv(),a=o.h,e=o.s,t=o.v,l=[],s=1/r;r--;)l.push(i({h:a,s:e,v:t})),t=(t+s)%1;return l}i.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var n=this.toRgb();return(299*n.r+587*n.g+114*n.b)/1e3},getLuminance:function(){var n,r,o,a=this.toRgb();return n=a.r/255,r=a.g/255,o=a.b/255,.2126*(n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4))+.7152*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*(o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4))},setAlpha:function(n){return this._a=E(n),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var n=s(this._r,this._g,this._b);return{h:360*n.h,s:n.s,v:n.v,a:this._a}},toHsvString:function(){var n=s(this._r,this._g,this._b),r=Math.round(360*n.h),o=Math.round(100*n.s),a=Math.round(100*n.v);return 1==this._a?"hsv("+r+", "+o+"%, "+a+"%)":"hsva("+r+", "+o+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var n=l(this._r,this._g,this._b);return{h:360*n.h,s:n.s,l:n.l,a:this._a}},toHslString:function(){var n=l(this._r,this._g,this._b),r=Math.round(360*n.h),o=Math.round(100*n.s),a=Math.round(100*n.l);return 1==this._a?"hsl("+r+", "+o+"%, "+a+"%)":"hsla("+r+", "+o+"%, "+a+"%, "+this._roundA+")"},toHex:function(n){return c(this._r,this._g,this._b,n)},toHexString:function(n){return"#"+this.toHex(n)},toHex8:function(n){return function(n,r,o,a,e){var t=[A(Math.round(n).toString(16)),A(Math.round(r).toString(16)),A(Math.round(o).toString(16)),A(T(a))];if(e&&t[0].charAt(0)==t[0].charAt(1)&&t[1].charAt(0)==t[1].charAt(1)&&t[2].charAt(0)==t[2].charAt(1)&&t[3].charAt(0)==t[3].charAt(1))return t[0].charAt(0)+t[1].charAt(0)+t[2].charAt(0)+t[3].charAt(0);return t.join("")}(this._r,this._g,this._b,this._a,n)},toHex8String:function(n){return"#"+this.toHex8(n)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(100*S(this._r,255))+"%",g:Math.round(100*S(this._g,255))+"%",b:Math.round(100*S(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+Math.round(100*S(this._r,255))+"%, "+Math.round(100*S(this._g,255))+"%, "+Math.round(100*S(this._b,255))+"%)":"rgba("+Math.round(100*S(this._r,255))+"%, "+Math.round(100*S(this._g,255))+"%, "+Math.round(100*S(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(w[c(this._r,this._g,this._b,!0)]||!1)},toFilter:function(n){var r="#"+u(this._r,this._g,this._b,this._a),o=r,a=this._gradientType?"GradientType = 1, ":"";if(n){var e=i(n);o="#"+u(e._r,e._g,e._b,e._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+r+",endColorstr="+o+")"},toString:function(n){var r=!!n;n=n||this._format;var o=!1,a=this._a<1&&this._a>=0;return r||!a||"hex"!==n&&"hex6"!==n&&"hex3"!==n&&"hex4"!==n&&"hex8"!==n&&"name"!==n?("rgb"===n&&(o=this.toRgbString()),"prgb"===n&&(o=this.toPercentageRgbString()),"hex"!==n&&"hex6"!==n||(o=this.toHexString()),"hex3"===n&&(o=this.toHexString(!0)),"hex4"===n&&(o=this.toHex8String(!0)),"hex8"===n&&(o=this.toHex8String()),"name"===n&&(o=this.toName()),"hsl"===n&&(o=this.toHslString()),"hsv"===n&&(o=this.toHsvString()),o||this.toHexString()):"name"===n&&0===this._a?this.toName():this.toRgbString()},clone:function(){return i(this.toString())},_applyModification:function(n,r){var o=n.apply(null,[this].concat([].slice.call(r)));return this._r=o._r,this._g=o._g,this._b=o._b,this.setAlpha(o._a),this},lighten:function(){return this._applyModification(h,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(g,arguments)},desaturate:function(){return this._applyModification(d,arguments)},saturate:function(){return this._applyModification(p,arguments)},greyscale:function(){return this._applyModification(b,arguments)},spin:function(){return this._applyModification(f,arguments)},_applyCombination:function(n,r){return n.apply(null,[this].concat([].slice.call(r)))},analogous:function(){return this._applyCombination(k,arguments)},complement:function(){return this._applyCombination(v,arguments)},monochromatic:function(){return this._applyCombination(O,arguments)},splitcomplement:function(){return this._applyCombination(x,arguments)},triad:function(){return this._applyCombination(y,[3])},tetrad:function(){return this._applyCombination(y,[4])}},i.fromRatio=function(n,r){if("object"==a(n)){var o={};for(var e in n)n.hasOwnProperty(e)&&(o[e]="a"===e?n[e]:_(n[e]));n=o}return i(n,r)},i.equals=function(n,r){return!(!n||!r)&&i(n).toRgbString()==i(r).toRgbString()},i.random=function(){return i.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},i.mix=function(n,r,o){o=0===o?0:o||50;var a=i(n).toRgb(),e=i(r).toRgb(),t=o/100;return i({r:(e.r-a.r)*t+a.r,g:(e.g-a.g)*t+a.g,b:(e.b-a.b)*t+a.b,a:(e.a-a.a)*t+a.a})},i.readability=function(n,r){var o=i(n),a=i(r);return(Math.max(o.getLuminance(),a.getLuminance())+.05)/(Math.min(o.getLuminance(),a.getLuminance())+.05)},i.isReadable=function(n,r,o){var a,e,t=i.readability(n,r);switch(e=!1,(a=function(n){var r,o;r=((n=n||{level:"AA",size:"small"}).level||"AA").toUpperCase(),o=(n.size||"small").toLowerCase(),"AA"!==r&&"AAA"!==r&&(r="AA");"small"!==o&&"large"!==o&&(o="small");return{level:r,size:o}}(o)).level+a.size){case"AAsmall":case"AAAlarge":e=t>=4.5;break;case"AAlarge":e=t>=3;break;case"AAAsmall":e=t>=7}return e},i.mostReadable=function(n,r,o){var a,e,t,l,s=null,c=0;e=(o=o||{}).includeFallbackColors,t=o.level,l=o.size;for(var u=0;u<r.length;u++)(a=i.readability(n,r[u]))>c&&(c=a,s=i(r[u]));return i.isReadable(n,s,{level:t,size:l})||!e?s:(o.includeFallbackColors=!1,i.mostReadable(n,["#fff","#000"],o))};var P=i.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},w=i.hexNames=function(n){var r={};for(var o in n)n.hasOwnProperty(o)&&(r[n[o]]=o);return r}(P);function E(n){return n=parseFloat(n),(isNaN(n)||n<0||n>1)&&(n=1),n}function S(n,r){(function(n){return"string"==typeof n&&-1!=n.indexOf(".")&&1===parseFloat(n)})(n)&&(n="100%");var o=function(n){return"string"==typeof n&&-1!=n.indexOf("%")}(n);return n=Math.min(r,Math.max(0,parseFloat(n))),o&&(n=parseInt(n*r,10)/100),Math.abs(n-r)<1e-6?1:n%r/parseFloat(r)}function N(n){return Math.min(1,Math.max(0,n))}function z(n){return parseInt(n,16)}function A(n){return 1==n.length?"0"+n:""+n}function _(n){return n<=1&&(n=100*n+"%"),n}function T(n){return Math.round(255*parseFloat(n)).toString(16)}function C(n){return z(n)/255}var D,M,q,R=(M="[\\s|\\(]+("+(D="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+D+")[,|\\s]+("+D+")\\s*\\)?",q="[\\s|\\(]+("+D+")[,|\\s]+("+D+")[,|\\s]+("+D+")[,|\\s]+("+D+")\\s*\\)?",{CSS_UNIT:new RegExp(D),rgb:new RegExp("rgb"+M),rgba:new RegExp("rgba"+q),hsl:new RegExp("hsl"+M),hsla:new RegExp("hsla"+q),hsv:new RegExp("hsv"+M),hsva:new RegExp("hsva"+q),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function J(n){return!!R.CSS_UNIT.exec(n)}var F=function(n,r){var o=("string"==typeof n?parseInt(n):n)||0;if(o>=-5&&o<=5){var a=o,e=parseFloat(r),t=e+a*(e/5)*-1;return(0==t||t<=Number.EPSILON)&&(t=.1),{animationPeriod:t+"s"}}return{animationPeriod:r}},L=function(n,r){var o=n||{},a="";switch(r){case"small":a="12px";break;case"medium":a="16px";break;case"large":a="20px";break;default:a=void 0}var e={};if(o.fontSize){var t=o.fontSize;e=function(n,r){var o={};for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&r.indexOf(a)<0&&(o[a]=n[a]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var e=0;for(a=Object.getOwnPropertySymbols(n);e<a.length;e++)r.indexOf(a[e])<0&&Object.prototype.propertyIsEnumerable.call(n,a[e])&&(o[a[e]]=n[a[e]])}return o}(o,["fontSize"]),a=t}return{fontSize:a,styles:e}},H={color:"currentColor",mixBlendMode:"difference",width:"unset",display:"block",paddingTop:"2px"},U=function(r){var a=r.className,e=r.text,t=r.textColor,i=r.staticText,l=r.style;return e?n.createElement("span",{className:"rli-d-i-b rli-text-format ".concat(a||"").trim(),style:o(o(o({},i&&H),t&&{color:t,mixBlendMode:"unset"}),l&&l)},"string"==typeof e&&e.length?e:"loading"):null},X="rgb(50, 205, 50)";function j(n,r){if(void 0===r&&(r=0),0===n.length)throw new Error("Input array cannot be empty!");var o=[];return function n(r,a){return void 0===a&&(a=0),o.push.apply(o,r),o.length<a&&n(o,a),o.slice(0,a)}(n,r)}r('.atom-rli-bounding-box {\n --atom-phase1-rgb: 50, 205, 50;\n color: rgba(var(--atom-phase1-rgb), 1);\n font-size: 16px;\n position: relative;\n text-align: unset;\n isolation: isolate;\n}\n.atom-rli-bounding-box .atom-indicator {\n width: 6em;\n height: 6em;\n position: relative;\n perspective: 6em;\n overflow: hidden;\n color: rgba(var(--atom-phase1-rgb), 1);\n animation: calc(var(--rli-animation-duration, 1s) * 4) var(--rli-animation-function, linear) infinite uxlv7gg;\n}\n.atom-rli-bounding-box .atom-indicator::after, .atom-rli-bounding-box .atom-indicator::before {\n content: "";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 0.48em;\n height: 0.48em;\n margin: auto;\n border-radius: 50%;\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase1-rgb), 0.1), rgba(var(--atom-phase1-rgb), 0.3) 37%, rgba(var(--atom-phase1-rgb), 1) 100%);\n animation: calc(var(--rli-animation-duration, 1s) * 4) var(--rli-animation-function, linear) infinite uxlv7eg;\n}\n.atom-rli-bounding-box .atom-indicator::before {\n filter: drop-shadow(0px 0px 0.0625em currentColor);\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit {\n color: rgba(var(--atom-phase1-rgb), 0.85);\n border: 0;\n border-left: 0.4em solid currentColor;\n box-sizing: border-box;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n width: 4.8em;\n height: 4.8em;\n background-color: transparent;\n border-radius: 50%;\n transform-style: preserve-3d;\n animation: var(--rli-animation-duration, 1s) var(--rli-animation-function, linear) infinite uxlv7fj, calc(var(--rli-animation-duration, 1s) * 4) var(--rli-animation-function, linear) infinite uxlv7gy;\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit::after {\n content: "";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 50%;\n color: rgba(var(--atom-phase1-rgb), 0.18);\n animation: calc(var(--rli-animation-duration, 1s) * 4) var(--rli-animation-function, linear) infinite uxlv7hv;\n border: 0.125em solid currentColor;\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit::before {\n content: "";\n width: 0.192em;\n height: 0.192em;\n position: absolute;\n border-radius: 50%;\n top: -0.096em;\n right: 0;\n bottom: 0;\n left: 0;\n margin: 0 auto;\n color: rgba(var(--atom-phase1-rgb), 1);\n box-shadow: 0px 0px 0.0625em 0.0625em currentColor, 0px 0px 0.0625em 0.125em currentColor;\n background-color: currentColor;\n transform: rotateY(-70deg);\n animation: var(--rli-animation-duration, 1s) var(--rli-animation-function, linear) infinite uxlv7ew, calc(var(--rli-animation-duration, 1s) * 4) var(--rli-animation-function, linear) infinite uxlv7gg;\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit:nth-of-type(1) {\n --orbit-vector-factor: -1;\n transform: rotateY(65deg) rotateX(calc(54deg * var(--orbit-vector-factor)));\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit:nth-of-type(2) {\n --orbit-vector-factor: 1;\n transform: rotateY(65deg) rotateX(calc(54deg * var(--orbit-vector-factor)));\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit:nth-of-type(3) {\n --orbit-vector-factor: 0;\n transform: rotateY(65deg) rotateX(calc(54deg * var(--orbit-vector-factor)));\n animation-delay: calc(var(--rli-animation-duration, 1s) * 0.5 * -1), calc(var(--rli-animation-duration, 1s) * 4 * -1);\n}\n.atom-rli-bounding-box .atom-indicator .electron-orbit:nth-of-type(3)::before {\n animation-delay: calc(var(--rli-animation-duration, 1s) * 0.5 * -1), calc(var(--rli-animation-duration, 1s) * 4 * -1);\n}\n.atom-rli-bounding-box .atom-text {\n color: currentColor;\n mix-blend-mode: difference;\n width: unset;\n display: block;\n}\n\n@property --atom-phase1-rgb {\n syntax: "<number>#";\n inherits: true;\n initial-value: 50, 205, 50;\n}\n@property --atom-phase2-rgb {\n syntax: "<number>#";\n inherits: true;\n initial-value: 50, 205, 50;\n}\n@property --atom-phase3-rgb {\n syntax: "<number>#";\n inherits: true;\n initial-value: 50, 205, 50;\n}\n@property --atom-phase4-rgb {\n syntax: "<number>#";\n inherits: true;\n initial-value: 50, 205, 50;\n}\n@property --rli-animation-duration {\n syntax: "<time>";\n inherits: true;\n initial-value: 1s;\n}\n@keyframes uxlv7fj {\n from {\n transform: rotateY(70deg) rotateX(calc(54deg * var(--orbit-vector-factor))) rotateZ(0deg);\n }\n to {\n transform: rotateY(70deg) rotateX(calc(54deg * var(--orbit-vector-factor))) rotateZ(360deg);\n }\n}\n@keyframes uxlv7ew {\n from {\n transform: rotateY(-70deg) rotateX(0deg);\n }\n to {\n transform: rotateY(-70deg) rotateX(-360deg);\n }\n}\n@keyframes uxlv7eg {\n 100%, 0% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase1-rgb), 0.1), rgba(var(--atom-phase1-rgb), 0.3) 37%, rgba(var(--atom-phase1-rgb), 1) 100%);\n }\n 20% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase1-rgb), 0.1), rgba(var(--atom-phase1-rgb), 0.3) 37%, rgba(var(--atom-phase1-rgb), 1) 100%);\n }\n 25% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.1), rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.3) 37%, rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 1) 100%);\n }\n 45% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.1), rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.3) 37%, rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 1) 100%);\n }\n 50% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.1), rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.3) 37%, rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 1) 100%);\n }\n 70% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.1), rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.3) 37%, rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 1) 100%);\n }\n 75% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.1), rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.3) 37%, rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 1) 100%);\n }\n 95% {\n background-image: radial-gradient(circle at 35% 15%, rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.1), rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.3) 37%, rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 1) 100%);\n }\n}\n@keyframes uxlv7gg {\n 100%, 0% {\n color: rgba(var(--atom-phase1-rgb), 1);\n }\n 20% {\n color: rgba(var(--atom-phase1-rgb), 1);\n }\n 25% {\n color: rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 1);\n }\n 45% {\n color: rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 1);\n }\n 50% {\n color: rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 1);\n }\n 70% {\n color: rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 1);\n }\n 75% {\n color: rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 1);\n }\n 95% {\n color: rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 1);\n }\n}\n@keyframes uxlv7gy {\n 100%, 0% {\n color: rgba(var(--atom-phase1-rgb), 0.85);\n }\n 20% {\n color: rgba(var(--atom-phase1-rgb), 0.85);\n }\n 25% {\n color: rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.85);\n }\n 45% {\n color: rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.85);\n }\n 50% {\n color: rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.85);\n }\n 70% {\n color: rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.85);\n }\n 75% {\n color: rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.85);\n }\n 95% {\n color: rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.85);\n }\n}\n@keyframes uxlv7hv {\n 100%, 0% {\n color: rgba(var(--atom-phase1-rgb), 0.18);\n }\n 20% {\n color: rgba(var(--atom-phase1-rgb), 0.18);\n }\n 25% {\n color: rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.18);\n }\n 45% {\n color: rgba(var(--atom-phase2-rgb, var(--atom-phase1-rgb)), 0.18);\n }\n 50% {\n color: rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.18);\n }\n 70% {\n color: rgba(var(--atom-phase3-rgb, var(--atom-phase1-rgb)), 0.18);\n }\n 75% {\n color: rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.18);\n }\n 95% {\n color: rgba(var(--atom-phase4-rgb, var(--atom-phase1-rgb)), 0.18);\n }\n}');var I=i(X).toRgb(),Y=Array.from({length:4},(function(n,r){return"--atom-phase".concat(r+1,"-rgb")})),B=function(r){var a,e=L(null==r?void 0:r.style,null==r?void 0:r.size),t=e.styles,l=e.fontSize,s=null==r?void 0:r.easing,c=F(null==r?void 0:r.speedPlus,"1s").animationPeriod,u=function(n){var r={};if(n instanceof Array){for(var o=j(n,Y.length),a=0;a<o.length&&!(a>=4);a++)try{if(!(s=i(o[a])).isValid())throw new Error("invalid color");var e=(c=s.toRgb()).r,t=c.g,l=c.b;r[Y[a]]="".concat(e,", ").concat(t,", ").concat(l)}catch(n){e=I.r,t=I.g,l=I.b;r[Y[a]]="".concat(e,", ").concat(t,", ").concat(l),console.warn("Possibly an invalid color( ".concat(o[a]," ) passed to Atom indicator!"))}return r}try{if("string"!=typeof n)throw new Error("Color String expected");var s;if(!(s=i(n)).isValid())throw new Error("Invalid color");var c;for(e=(c=s.toRgb()).r,t=c.g,l=c.b,a=0;a<Y.length;a++)r[Y[a]]="".concat(e,", ").concat(t,", ").concat(l)}catch(o){o instanceof Error?console.warn("[".concat(o.message,']: Received "').concat(typeof n,'" instead with value, ').concat(JSON.stringify(n))):console.warn("".concat(JSON.stringify(n)," received in <Atom /> indicator cannot be processed. Using default instead!"));for(a=0;a<Y.length;a++){e=I.r,t=I.g,l=I.b;r[Y[a]]="".concat(e,", ").concat(t,", ").concat(l)}}return r}(null!==(a=null==r?void 0:r.color)&&void 0!==a?a:"");return n.createElement("span",{className:"rli-d-i-b atom-rli-bounding-box",style:o(o(o(o(o({},l&&{fontSize:l}),c&&{"--rli-animation-duration":c}),s&&{"--rli-animation-function":s}),u),t),role:"status","aria-live":"polite","aria-label":"Loading"},n.createElement("span",{className:"rli-d-i-b atom-indicator"},n.createElement("span",{className:"rli-d-i-b electron-orbit"}),n.createElement("span",{className:"rli-d-i-b electron-orbit"}),n.createElement("span",{className:"rli-d-i-b electron-orbit"})),n.createElement(U,{className:"atom-text",staticText:!0,text:null==r?void 0:r.text,textColor:null==r?void 0:r.textColor}))};r('.commet-rli-bounding-box {\n --commet-phase1-color: rgb(50, 205, 50);\n font-size: 16px;\n width: 6.85em;\n height: 6.85em;\n overflow: hidden;\n display: inline-block;\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n}\n.commet-rli-bounding-box .commet-indicator {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n box-sizing: border-box;\n width: 6em;\n height: 6em;\n color: var(--commet-phase1-color);\n display: inline-block;\n isolation: isolate;\n position: absolute;\n z-index: 0;\n animation: calc(var(--rli-animation-duration, 1.2s) * 4) var(--rli-animation-function, cubic-bezier(0.08, 0.03, 0.91, 0.93)) infinite uxlv7cp;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box {\n position: absolute;\n display: inline-block;\n top: 0;\n right: 0;\n bottom: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n animation: uxlv7bx var(--rli-animation-duration, 1.2s) var(--rli-animation-function, cubic-bezier(0.08, 0.03, 0.91, 0.93)) infinite;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box:nth-of-type(1) {\n width: 100%;\n height: 100%;\n animation-direction: normal;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box:nth-of-type(2) {\n width: 70%;\n height: 70%;\n animation-direction: reverse;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box .commetball-box {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n bottom: 0;\n left: 0;\n display: inline-block;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box .commetball-box::before {\n content: "";\n width: 0.5em;\n height: 0.5em;\n border-radius: 50%;\n background-color: currentColor;\n position: absolute;\n top: -0.125em;\n left: 50%;\n transform: translateX(-50%);\n box-shadow: 0 0 0.2em 0em currentColor, 0 0 0.6em 0em currentColor;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box .commet-trail {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n bottom: 0;\n left: 0;\n border-radius: 50%;\n box-sizing: border-box;\n border-style: solid;\n}\n.commet-rli-bounding-box .commet-indicator .commet-box .commet-trail.trail1 {\n border-color: currentColor transparent transparent currentColor;\n border-width: 0.25em 0.25em 0 0;\n transform: rotateZ(-45deg);\n}\n.commet-rli-bounding-box .commet-indicator .commet-box .commet-trail.trail2 {\n border-color: currentColor currentColor transparent transparent;\n border-width: 0.25em 0 0 0.25em;\n transform: rotateZ(45deg);\n}\n.commet-rli-bounding-box .commet-text {\n mix-blend-mode: difference;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: var(--commet-phase1-color);\n}\n\n@property --commet-phase1-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --commet-phase2-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --commet-phase3-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --commet-phase4-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --rli-animation-duration {\n syntax: "<time>";\n inherits: true;\n initial-value: 1.2s;\n}\n@keyframes uxlv7bx {\n to {\n transform: rotate(1turn);\n }\n}\n@keyframes uxlv7cp {\n 100%, 0% {\n color: var(--commet-phase1-color);\n }\n 20% {\n color: var(--commet-phase1-color);\n }\n 25% {\n color: var(--commet-phase2-color, var(--commet-phase1-color));\n }\n 45% {\n color: var(--commet-phase2-color, var(--commet-phase1-color));\n }\n 50% {\n color: var(--commet-phase3-color, var(--commet-phase1-color));\n }\n 70% {\n color: var(--commet-phase3-color, var(--commet-phase1-color));\n }\n 75% {\n color: var(--commet-phase4-color, var(--commet-phase1-color));\n }\n 95% {\n color: var(--commet-phase4-color, var(--commet-phase1-color));\n }\n}');var Z=Array.from({length:4},(function(n,r){return"--commet-phase".concat(r+1,"-color")})),V=function(r){var a,e=L(null==r?void 0:r.style,null==r?void 0:r.size),t=e.styles,i=e.fontSize,l=null==r?void 0:r.easing,s=F(null==r?void 0:r.speedPlus,"1.2s").animationPeriod,c=function(n){var r={};if(n instanceof Array){for(var o=j(n,Z.length),a=0;a<o.length&&!(a>=4);a++)r[Z[a]]=o[a];return r}try{if("string"!=typeof n)throw new Error("Color String expected");for(var e=0;e<Z.length;e++)r[Z[e]]=n}catch(o){o instanceof Error?console.warn("[".concat(o.message,']: Received "').concat(typeof n,'" instead with value, ').concat(JSON.stringify(n))):console.warn("".concat(JSON.stringify(n)," received in <Commet /> indicator cannot be processed. Using default instead!"));for(e=0;e<Z.length;e++)r[Z[e]]=X}return r}(null!==(a=null==r?void 0:r.color)&&void 0!==a?a:"");return n.createElement("span",{className:"rli-d-i-b commet-rli-bounding-box",style:o(o(o(o(o({},i&&{fontSize:i}),s&&{"--rli-animation-duration":s}),l&&{"--rli-animation-function":l}),c),t),role:"status","aria-live":"polite","aria-label":"Loading"},n.createElement("span",{className:"rli-d-i-b commet-indicator"},n.createElement("span",{className:"rli-d-i-b commet-box"},n.createElement("span",{className:"rli-d-i-b commet-trail trail1"}),n.createElement("span",{className:"rli-d-i-b commetball-box"})),n.createElement("span",{className:"rli-d-i-b commet-box"},n.createElement("span",{className:"rli-d-i-b commet-trail trail2"}),n.createElement("span",{className:"rli-d-i-b commetball-box"})),n.createElement(U,{className:"commet-text",text:null==r?void 0:r.text,textColor:null==r?void 0:r.textColor})))};r('.OP-annulus-rli-bounding-box {\n --OP-annulus-phase1-color: rgb(50, 205, 50);\n font-size: 16px;\n display: inline-block;\n}\n.OP-annulus-rli-bounding-box .OP-annulus-indicator {\n width: 5em;\n height: 5em;\n color: var(--OP-annulus-phase1-color);\n display: inline-block;\n position: relative;\n z-index: 0;\n}\n.OP-annulus-rli-bounding-box .OP-annulus-indicator .whirl {\n animation: uxlv7n7 calc(var(--rli-animation-duration, 1.5s) * 1.33) linear infinite;\n height: 100%;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n.OP-annulus-rli-bounding-box .OP-annulus-indicator .path {\n stroke-dasharray: 1, 125;\n stroke-dashoffset: 0;\n animation: var(--rli-animation-duration, 1.5s) var(--rli-animation-function, ease-in-out) infinite uxlv7oa, calc(var(--rli-animation-duration, 1.5s) * 4) var(--rli-animation-function, ease-in-out) infinite uxlv7p5;\n stroke-linecap: round;\n}\n.OP-annulus-rli-bounding-box .OP-annulus-text {\n mix-blend-mode: difference;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -2;\n}\n\n@property --OP-annulus-phase1-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --OP-annulus-phase2-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --OP-annulus-phase3-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --OP-annulus-phase4-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --rli-animation-duration {\n syntax: "<time>";\n inherits: true;\n initial-value: 1.5s;\n}\n@keyframes uxlv7n7 {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes uxlv7oa {\n 0% {\n stroke-dasharray: 1, 125;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 98, 125;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 98, 125;\n stroke-dashoffset: -124px;\n }\n}\n@keyframes uxlv7p5 {\n 100%, 0% {\n stroke: var(--OP-annulus-phase1-color);\n }\n 22% {\n stroke: var(--OP-annulus-phase1-color);\n }\n 25% {\n stroke: var(--OP-annulus-phase2-color, var(--OP-annulus-phase1-color));\n }\n 42% {\n stroke: var(--OP-annulus-phase2-color, var(--OP-annulus-phase1-color));\n }\n 50% {\n stroke: var(--OP-annulus-phase3-color, var(--OP-annulus-phase1-color));\n }\n 72% {\n stroke: var(--OP-annulus-phase3-color, var(--OP-annulus-phase1-color));\n }\n 75% {\n stroke: var(--OP-annulus-phase4-color, var(--OP-annulus-phase1-color));\n }\n 97% {\n stroke: var(--OP-annulus-phase4-color, var(--OP-annulus-phase1-color));\n }\n}');var $=Array.from({length:4},(function(n,r){return"--OP-annulus-phase".concat(r+1,"-color")})),G=function(r){var a,e=L(null==r?void 0:r.style,null==r?void 0:r.size),t=e.styles,i=e.fontSize,l=null==r?void 0:r.easing,s=F(null==r?void 0:r.speedPlus,"1.5s").animationPeriod,c=function(n){var r={},o=$.length;if(n instanceof Array){for(var a=j(n,o),e=0;e<a.length&&!(e>=4);e++)r[$[e]]=a[e];return r}try{if("string"!=typeof n)throw new Error("Color String expected");for(var t=0;t<o;t++)r[$[t]]=n}catch(a){a instanceof Error?console.warn("[".concat(a.message,']: Received "').concat(typeof n,'" instead with value, ').concat(JSON.stringify(n))):console.warn("".concat(JSON.stringify(n),' received in <OrbitProgress variant="disc" /> indicator cannot be processed. Using default instead!'));for(t=0;t<o;t++)r[$[t]]=X}return r}(null!==(a=null==r?void 0:r.color)&&void 0!==a?a:""),u=(null==r?void 0:r.dense)?4.3:2.9;return n.createElement("span",{className:"rli-d-i-b OP-annulus-rli-bounding-box",style:o(o(o(o(o({},i&&{fontSize:i}),s&&{"--rli-animation-duration":s}),l&&{"--rli-animation-function":l}),c),t),role:"status","aria-live":"polite","aria-label":"Loading"},n.createElement("span",{className:"rli-d-i-b OP-annulus-indicator"},n.createElement("svg",{className:"whirl",viewBox:"25 25 50 50"},n.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:u,strokeMiterlimit:"10"})),n.createElement(U,{className:"OP-annulus-text",text:null==r?void 0:r.text,textColor:null==r?void 0:r.textColor})))};function W(n){return n&&n.Math===Math&&n}r('.OP-dotted-rli-bounding-box {\n --OP-dotted-phase1-color: rgb(50, 205, 50);\n font-size: 16px;\n box-sizing: border-box;\n display: inline-block;\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator {\n width: 5em;\n height: 5em;\n color: var(--OP-dotted-phase1-color);\n display: inline-block;\n position: relative;\n z-index: 0;\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .OP-dotted-text {\n mix-blend-mode: difference;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -2;\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder .dot {\n display: block;\n margin: 0 auto;\n width: 15%;\n height: 15%;\n background-color: currentColor;\n border-radius: 50%;\n animation: var(--rli-animation-duration, 1.2s) var(--rli-animation-function, ease-in-out) infinite uxlv7nu, calc(var(--rli-animation-duration, 1.2s) * 4) var(--rli-animation-function, ease-in-out) infinite uxlv7ol;\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(1) {\n transform: rotate(0deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(1) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 12 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(2) {\n transform: rotate(30deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(2) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 11 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(3) {\n transform: rotate(60deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(3) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 10 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(4) {\n transform: rotate(90deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(4) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 9 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(5) {\n transform: rotate(120deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(5) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 8 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(6) {\n transform: rotate(150deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(6) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 7 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(7) {\n transform: rotate(180deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(7) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 6 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(8) {\n transform: rotate(210deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(8) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 5 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(9) {\n transform: rotate(240deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(9) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 4 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(10) {\n transform: rotate(270deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(10) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 3 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(11) {\n transform: rotate(300deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(11) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 2 * -1);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(12) {\n transform: rotate(330deg);\n}\n.OP-dotted-rli-bounding-box .OP-dotted-indicator .dot-shape-holder:nth-of-type(12) .dot {\n animation-delay: calc(var(--rli-animation-duration, 1.2s) / 12 * 1 * -1);\n}\n\n@property --OP-dotted-phase1-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --OP-dotted-phase2-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --OP-dotted-phase3-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --OP-dotted-phase4-color {\n syntax: "<color>";\n inherits: true;\n initial-value: rgb(50, 205, 50);\n}\n@property --rli-animation-duration {\n syntax: "<time>";\n inherits: true;\n initial-value: 1.2s;\n}\n@keyframes uxlv7nu {\n 0%, 39%, 100% {\n opacity: 0;\n }\n 40% {\n opacity: 1;\n }\n}\n@keyframes uxlv7ol {\n 100%, 0% {\n background-color: var(--OP-dotted-phase1-color);\n }\n 22% {\n background-color: var(--OP-dotted-phase1-color);\n }\n 25% {\n background-color: var(--OP-dotted-phase2-color, var(--OP-dotted-phase1-color));\n }\n 47% {\n background-color: var(--OP-dotted-phase2-color, var(--OP-dotted-phase1-color));\n }\n 50% {\n background-color: var(--OP-dotted-phase3-color, var(--OP-dotted-phase1-color));\n }\n 72% {\n background-color: var(--OP-dotted-phase3-color, var(--OP-dotted-phase1-color));\n }\n 75% {\n background-color: var(--OP-dotted-phase4-color, var(--OP-dotted-phase1-color));\n }\n 97% {\n background-color: var(--OP-dotted-phase4-color, var(--OP-dotted-phase1-color));\n }\n}');var K=W("object"==typeof window&&window)||W("object"==typeof self&&self)||W("object"==typeof global&&global)||function(){return this}()||Function("return this")();function Q(){var n,r;return(null===(n=null==K?void 0:K.crypto)||void 0===n?void 0:n.randomUUID)?K.crypto.randomUUID():(null===(r=null==K?void 0:K.btoa)||void 0===r?void 0:r.name)?K.btoa(new Date(Math.ceil(1e13*Math.random())).getTime()+""):Date.now().toString(36)+Math.random().toString(36).substring(0)}var nn=Array.from({length:4},(function(n,r){return"--OP-dotted-phase".concat(r+1,"-color")})),rn=function(r){var a,e=L(null==r?void 0:r.style,null==r?void 0:r.size),t=e.styles,i=e.fontSize,l=null==r?void 0:r.easing,s=F(null==r?void 0:r.speedPlus,"1.2s").animationPeriod,c=function(n){var r={},o=nn.length;if(n instanceof Array){for(var a=j(n,o),e=0;e<a.length&&!(e>=4);e++)r[nn[e]]=a[e];return r}try{if("string"!=typeof n)throw new Error("Color String expected");for(var t=0;t<o;t++)r[nn[t]]=n}catch(a){a instanceof Error?console.warn("[".concat(a.message,']: Received "').concat(typeof n,'" with value, ').concat(JSON.stringify(n))):console.warn("".concat(JSON.stringify(n),' received in <OrbitProgress variant="dotted" /> indicator cannot be processed. Using default instead!'));for(t=0;t<o;t++)r[nn[t]]=X}return r}(null!==(a=null==r?void 0:r.color)&&void 0!==a?a:""),u=(null==r?void 0:r.dense)?16:12;return n.createElement("span",{className:"rli-d-i-b OP-dotted-rli-bounding-box",style:o(o(o(o(o({},i&&{fontSize:i}),s&&{"--rli-animation-duration":s}),l&&{"--rli-animation-function":l}),c),t),role:"status","aria-live":"polite","aria-label":"Loading"},n.createElement("span",{className:"rli-d-i-b OP-dotted-indicator"},Array.from({length:u}).map((function(r,o){var a=function(n,r,o){if(16===r){var a=360*n/r,e=r-n,t=Number.parseFloat(o)/r*e*-1;return{transform:"rotate(".concat(a,"deg)"),animationDelay:"".concat(t,"s")}}return{transform:"",animationDelay:""}}(o,u,s),e=a.animationDelay,t=a.transform;return n.createElement("span",{key:Q(),className:"rli-d-i-b dot-shape-holder",style:t?{transform:t}:void 0},n.createElement("span",{className:"dot",style:e?{animationDelay:e}:void 0}))})),n.createElement(U,{className:"OP-dotted-text",text:null==r?void 0:r.text,textColor:null==r?void 0:r.textColor})))};r('.OP-spokes-rli-bounding-box {\n --OP-spokes-phase1-color: rgb(50, 205, 50);\n font-size: 16px;\n position: relative;\n color: var(--OP-spokes-phase1-color);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator {\n width: 4.8em;\n height: 4.8em;\n display: block;\n position: relative;\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke {\n position: absolute;\n height: 1.2em;\n width: 0.4em;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto auto auto 50%;\n background-color: var(--OP-spokes-phase1-color);\n border-radius: 0.24em;\n opacity: 0;\n animation: var(--rli-animation-duration, 1.2s) var(--rli-animation-function, ease-in-out) backwards infinite uxlv7pw, calc(var(--rli-animation-duration, 1.2s) * 4) var(--rli-animation-function, ease-in-out) infinite uxlv7qn;\n transform-origin: left center;\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(1) {\n transform: rotate(calc(0 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(11 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(2) {\n transform: rotate(calc(1 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(10 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(3) {\n transform: rotate(calc(2 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(9 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(4) {\n transform: rotate(calc(3 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(8 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(5) {\n transform: rotate(calc(4 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(7 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(6) {\n transform: rotate(calc(5 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(6 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(7) {\n transform: rotate(calc(6 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(5 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(8) {\n transform: rotate(calc(7 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(4 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(9) {\n transform: rotate(calc(8 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(3 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-box .OP-spokes-indicator .spoke:nth-of-type(10) {\n transform: rotate(calc(9 * 360deg / 12)) translate(-50%, -1.56em);\n animation-delay: calc(2 * var(--rli-animation-duration, 1.2s) / 12 * -1);\n}\n.OP-spokes-rli-bounding-