@braineet/ui
Version:
Braineet design system
78 lines (77 loc) • 3.96 kB
JavaScript
;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function Loader(props) {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", _extends({
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("path", {
d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z",
transform: "translate(12, 12) scale(0)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("animateTransform", {
id: "a",
begin: "0;b.begin+0.6s",
attributeName: "transform",
calcMode: "spline",
type: "translate",
dur: "1.2s",
values: "12 12;0 0",
keySplines: ".52,.6,.25,.99"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("animateTransform", {
begin: "0;b.begin+0.6s",
attributeName: "transform",
calcMode: "spline",
additive: "sum",
type: "scale",
dur: "1.2s",
values: "0;1",
keySplines: ".52,.6,.25,.99"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("animate", {
begin: "0;b.begin+0.6s",
attributeName: "opacity",
calcMode: "spline",
dur: "1.2s",
values: "1;0",
keySplines: ".52,.6,.25,.99"
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("path", {
d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z",
transform: "translate(12, 12) scale(0)",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("animateTransform", {
id: "b",
begin: "a.begin+0.6s",
attributeName: "transform",
calcMode: "spline",
type: "translate",
dur: "1.2s",
values: "12 12;0 0",
keySplines: ".52,.6,.25,.99"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("animateTransform", {
begin: "a.begin+0.6s",
attributeName: "transform",
calcMode: "spline",
additive: "sum",
type: "scale",
dur: "1.2s",
values: "0;1",
keySplines: ".52,.6,.25,.99"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("animate", {
begin: "a.begin+0.6s",
attributeName: "opacity",
calcMode: "spline",
dur: "1.2s",
values: "1;0",
keySplines: ".52,.6,.25,.99"
})]
})]
}));
}
var _default = Loader;
exports.default = _default;