UNPKG

react-loading-indicators

Version:

Kit of elegant loading indicators for react applications

2 lines (1 loc) 2.86 kB
import e from"react";function t(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}t('.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 n=function(){return n=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var r=function(e,t){var n=e||{},r="";switch(t){case"small":r="12px";break;case"medium":r="16px";break;case"large":r="20px";break;default:r=void 0}var o={};if(n.fontSize){var i=n.fontSize;o=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(n,["fontSize"]),r=i}return{fontSize:r,styles:o}},o=function(e,t){var n=("string"==typeof e?parseInt(e):e)||0;if(n>=-5&&n<=5){var r=n,o=parseFloat(t),i=o+r*(o/5)*-1;return(0==i||i<=Number.EPSILON)&&(i=.1),{animationPeriod:i+"s"}}return{animationPeriod:t}},i={color:"currentColor",mixBlendMode:"difference",width:"unset",display:"block",paddingTop:"2px"},a=function(t){var r=t.className,o=t.text,a=t.textColor,s=t.staticText,l=t.style;return o?e.createElement("span",{className:"rli-d-i-b rli-text-format ".concat(r||"").trim(),style:n(n(n({},s&&i),a&&{color:a,mixBlendMode:"unset"}),l&&l)},"string"==typeof o&&o.length?o:"loading"):null};function s(e,t){if(void 0===t&&(t=0),0===e.length)throw new Error("Input array cannot be empty!");var n=[];return function e(t,r){return void 0===r&&(r=0),n.push.apply(n,t),n.length<r&&e(n,r),n.slice(0,r)}(e,t)}var l="rgb(50, 205, 50)";export{a as T,n as _,o as a,s as b,l as d,t as s,r as u};