design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
31 lines (30 loc) • 20.8 kB
JavaScript
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PercentLoading = exports.Mask = exports.Fill = exports.DefaultLoading = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var rotacao = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\nfrom {\n transform: rotate(0);\n}\n\nto {\n transform: rotate(360deg);\n}\n"])));
var fill = (0, _styledComponents.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n0% {\n transform: rotate(0deg);\n }\n"])));
var sizeVariant = function sizeVariant(size) {
return {
small: (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: var(--spacing-scale-3xh);\n width: var(--spacing-scale-3xh);\n "]))),
medium: (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n height: var(--spacing-scale-5xh);\n width: var(--spacing-scale-5xh);\n "])))
}[size];
};
var DefaultLoading = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n animation: ", " 1.3s linear infinite;\n border-color: var(--blue-warm-vivid-70);\n border-width: 4px;\n border-style: solid;\n border-bottom-color: transparent;\n border-radius: 50%;\n\n ", "\n"])), rotacao, function (_ref) {
var size = _ref.size;
return sizeVariant(size);
});
exports.DefaultLoading = DefaultLoading;
var Fill = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background: var(--blue-warm-vivid-70);\n clip: rect(0, 42px, 84px, 0);\n backface-visibility: hidden;\n border-radius: 50%;\n height: 84px;\n overflow: hidden;\n position: absolute;\n width: 84px;\n"])));
exports.Fill = Fill;
var Mask = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n backface-visibility: hidden;\n border-radius: 50%;\n clip: rect(0, 84px, 84px, 42px);\n height: 84px;\n overflow: hidden;\n position: absolute;\n width: 84px;\n"])));
exports.Mask = Mask;
var PercentLoading = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: var(--gray-20);\n border-radius: 50%;\n height: var(--spacing-scale-10xh);\n width: var(--spacing-scale-10xh);\n\n &::after {\n background: var(--pure-0);\n border-radius: 50%;\n color: var(--blue-warm-vivid-70);\n content: attr(data-progress) \"%\";\n font-size: var(--font-size-scale-up-02);\n font-weight: var(--font-weight-semi-bold);\n height: 74px;\n line-height: 74px;\n margin: 5px;\n position: absolute;\n text-align: center;\n width: 74px;\n }\n\n &[data-progress=\"1\"] ", ".full, &[data-progress=\"1\"] ", " {\n animation: ", " 2s ease-in-out;\n transform: rotate(1.8deg);\n }\n &[data-progress=\"2\"] ", ".full, &[data-progress=\"2\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(3.6deg);\n }\n &[data-progress=\"3\"] ", ".full, &[data-progress=\"3\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(5.4deg);\n }\n &[data-progress=\"4\"] ", ".full, &[data-progress=\"4\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(7.2deg);\n }\n &[data-progress=\"5\"] ", ".full, &[data-progress=\"5\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(9deg);\n }\n &[data-progress=\"6\"] ", ".full, &[data-progress=\"6\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(10.8deg);\n }\n &[data-progress=\"7\"] ", ".full, &[data-progress=\"7\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(12.6deg);\n }\n &[data-progress=\"8\"] ", ".full, &[data-progress=\"8\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(14.4deg);\n }\n &[data-progress=\"9\"] ", ".full, &[data-progress=\"9\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(16.2deg);\n }\n &[data-progress=\"10\"] ", ".full, &[data-progress=\"10\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(18deg);\n }\n &[data-progress=\"11\"] ", ".full, &[data-progress=\"11\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(19.8deg);\n }\n &[data-progress=\"12\"] ", ".full, &[data-progress=\"12\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(21.6deg);\n }\n &[data-progress=\"13\"] ", ".full, &[data-progress=\"13\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(23.4deg);\n }\n &[data-progress=\"14\"] ", ".full, &[data-progress=\"14\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(25.2deg);\n }\n &[data-progress=\"15\"] ", ".full, &[data-progress=\"15\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(27deg);\n }\n &[data-progress=\"16\"] ", ".full, &[data-progress=\"16\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(28.8deg);\n }\n &[data-progress=\"17\"] ", ".full, &[data-progress=\"17\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(30.6deg);\n }\n &[data-progress=\"18\"] ", ".full, &[data-progress=\"18\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(32.4deg);\n }\n &[data-progress=\"19\"] ", ".full, &[data-progress=\"19\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(34.2deg);\n }\n &[data-progress=\"20\"] ", ".full, &[data-progress=\"20\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(36deg);\n }\n &[data-progress=\"21\"] ", ".full, &[data-progress=\"21\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(37.8deg);\n }\n &[data-progress=\"22\"] ", ".full, &[data-progress=\"22\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(39.6deg);\n }\n &[data-progress=\"23\"] ", ".full, &[data-progress=\"23\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(41.4deg);\n }\n &[data-progress=\"24\"] ", ".full, &[data-progress=\"24\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(43.2deg);\n }\n &[data-progress=\"25\"] ", ".full, &[data-progress=\"25\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(45deg);\n }\n &[data-progress=\"26\"] ", ".full, &[data-progress=\"26\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(46.8deg);\n }\n &[data-progress=\"27\"] ", ".full, &[data-progress=\"27\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(48.6deg);\n }\n &[data-progress=\"28\"] ", ".full, &[data-progress=\"28\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(50.4deg);\n }\n &[data-progress=\"29\"] ", ".full, &[data-progress=\"29\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(52.2deg);\n }\n &[data-progress=\"30\"] ", ".full, &[data-progress=\"30\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(54deg);\n }\n &[data-progress=\"31\"] ", ".full, &[data-progress=\"31\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(55.8deg);\n }\n &[data-progress=\"32\"] ", ".full, &[data-progress=\"32\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(57.6deg);\n }\n &[data-progress=\"33\"] ", ".full, &[data-progress=\"33\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(59.4deg);\n }\n &[data-progress=\"34\"] ", ".full, &[data-progress=\"34\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(61.2deg);\n }\n &[data-progress=\"35\"] ", ".full, &[data-progress=\"35\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(63deg);\n }\n &[data-progress=\"36\"] ", ".full, &[data-progress=\"36\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(64.8deg);\n }\n &[data-progress=\"37\"] ", ".full, &[data-progress=\"37\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(66.6deg);\n }\n &[data-progress=\"38\"] ", ".full, &[data-progress=\"38\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(68.4deg);\n }\n &[data-progress=\"39\"] ", ".full, &[data-progress=\"39\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(70.2deg);\n }\n &[data-progress=\"40\"] ", ".full, &[data-progress=\"40\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(72deg);\n }\n &[data-progress=\"41\"] ", ".full, &[data-progress=\"41\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(73.8deg);\n }\n &[data-progress=\"42\"] ", ".full, &[data-progress=\"42\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(75.6deg);\n }\n &[data-progress=\"43\"] ", ".full, &[data-progress=\"43\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(77.4deg);\n }\n &[data-progress=\"44\"] ", ".full, &[data-progress=\"44\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(79.2deg);\n }\n &[data-progress=\"45\"] ", ".full, &[data-progress=\"45\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(81deg);\n }\n &[data-progress=\"46\"] ", ".full, &[data-progress=\"46\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(82.8deg);\n }\n &[data-progress=\"47\"] ", ".full, &[data-progress=\"47\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(84.6deg);\n }\n &[data-progress=\"48\"] ", ".full, &[data-progress=\"48\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(86.4deg);\n }\n &[data-progress=\"49\"] ", ".full, &[data-progress=\"49\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(88.2deg);\n }\n &[data-progress=\"50\"] ", ".full, &[data-progress=\"50\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(90deg);\n }\n &[data-progress=\"51\"] ", ".full, &[data-progress=\"51\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(91.8deg);\n }\n &[data-progress=\"52\"] ", ".full, &[data-progress=\"52\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(93.6deg);\n }\n &[data-progress=\"53\"] ", ".full, &[data-progress=\"53\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(95.4deg);\n }\n &[data-progress=\"54\"] ", ".full, &[data-progress=\"54\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(97.2deg);\n }\n &[data-progress=\"55\"] ", ".full, &[data-progress=\"55\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(99deg);\n }\n &[data-progress=\"56\"] ", ".full, &[data-progress=\"56\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(100.8deg);\n }\n &[data-progress=\"57\"] ", ".full, &[data-progress=\"57\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(102.6deg);\n }\n &[data-progress=\"58\"] ", ".full, &[data-progress=\"58\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(104.4deg);\n }\n &[data-progress=\"59\"] ", ".full, &[data-progress=\"59\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(106.2deg);\n }\n &[data-progress=\"60\"] ", ".full, &[data-progress=\"60\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(108deg);\n }\n &[data-progress=\"61\"] ", ".full, &[data-progress=\"61\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(109.8deg);\n }\n &[data-progress=\"62\"] ", ".full, &[data-progress=\"62\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(111.6deg);\n }\n &[data-progress=\"63\"] ", ".full, &[data-progress=\"63\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(113.4deg);\n }\n &[data-progress=\"64\"] ", ".full, &[data-progress=\"64\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(115.2deg);\n }\n &[data-progress=\"65\"] ", ".full, &[data-progress=\"65\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(117deg);\n }\n &[data-progress=\"66\"] ", ".full, &[data-progress=\"66\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(118.8deg);\n }\n &[data-progress=\"67\"] ", ".full, &[data-progress=\"67\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(120.6deg);\n }\n &[data-progress=\"68\"] ", ".full, &[data-progress=\"68\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(122.4deg);\n }\n &[data-progress=\"69\"] ", ".full, &[data-progress=\"69\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(124.2deg);\n }\n &[data-progress=\"70\"] ", ".full, &[data-progress=\"70\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(126deg);\n }\n &[data-progress=\"71\"] ", ".full, &[data-progress=\"71\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(127.8deg);\n }\n &[data-progress=\"72\"] ", ".full, &[data-progress=\"72\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(129.6deg);\n }\n &[data-progress=\"73\"] ", ".full, &[data-progress=\"73\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(131.4deg);\n }\n &[data-progress=\"74\"] ", ".full, &[data-progress=\"74\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(133.2deg);\n }\n &[data-progress=\"75\"] ", ".full, &[data-progress=\"75\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(135deg);\n }\n &[data-progress=\"76\"] ", ".full, &[data-progress=\"76\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(136.8deg);\n }\n &[data-progress=\"77\"] ", ".full, &[data-progress=\"77\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(138.6deg);\n }\n &[data-progress=\"78\"] ", ".full, &[data-progress=\"78\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(140.4deg);\n }\n &[data-progress=\"79\"] ", ".full, &[data-progress=\"79\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(142.2deg);\n }\n &[data-progress=\"80\"] ", ".full, &[data-progress=\"80\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(144deg);\n }\n &[data-progress=\"81\"] ", ".full, &[data-progress=\"81\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(145.8deg);\n }\n &[data-progress=\"82\"] ", ".full, &[data-progress=\"82\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(147.6deg);\n }\n &[data-progress=\"83\"] ", ".full, &[data-progress=\"83\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(149.4deg);\n }\n &[data-progress=\"84\"] ", ".full, &[data-progress=\"84\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(151.2deg);\n }\n &[data-progress=\"85\"] ", ".full, &[data-progress=\"85\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(153deg);\n }\n &[data-progress=\"86\"] ", ".full, &[data-progress=\"86\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(154.8deg);\n }\n &[data-progress=\"87\"] ", ".full, &[data-progress=\"87\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(156.6deg);\n }\n &[data-progress=\"88\"] ", ".full, &[data-progress=\"88\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(158.4deg);\n }\n &[data-progress=\"89\"] ", ".full, &[data-progress=\"89\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(160.2deg);\n }\n &[data-progress=\"90\"] ", ".full, &[data-progress=\"90\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(162deg);\n }\n &[data-progress=\"91\"] ", ".full, &[data-progress=\"91\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(163.8deg);\n }\n &[data-progress=\"92\"] ", ".full, &[data-progress=\"92\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(165.6deg);\n }\n &[data-progress=\"93\"] ", ".full, &[data-progress=\"93\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(167.4deg);\n }\n &[data-progress=\"94\"] ", ".full, &[data-progress=\"94\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(169.2deg);\n }\n &[data-progress=\"95\"] ", ".full, &[data-progress=\"95\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(171deg);\n }\n &[data-progress=\"96\"] ", ".full, &[data-progress=\"96\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(172.8deg);\n }\n &[data-progress=\"97\"] ", ".full, &[data-progress=\"97\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(174.6deg);\n }\n &[data-progress=\"98\"] ", ".full, &[data-progress=\"98\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(176.4deg);\n }\n &[data-progress=\"99\"] ", ".full, &[data-progress=\"99\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(178.2deg);\n }\n &[data-progress=\"100\"] ", ".full, &[data-progress=\"100\"] ", " {\n animation: ", " ease-in-out 2s;\n transform: rotate(180deg);\n }\n"])), Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill, Mask, Fill, fill);
exports.PercentLoading = PercentLoading;