30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
define(["require", "exports", "./StyleOptionsState", "./Stylesheet", "./styleToClassName"], function (require, exports, StyleOptionsState_1, Stylesheet_1, styleToClassName_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.keyframes = void 0;
|
|
/**
|
|
* Registers keyframe definitions.
|
|
*
|
|
* @public
|
|
*/
|
|
function keyframes(timeline) {
|
|
var stylesheet = Stylesheet_1.Stylesheet.getInstance();
|
|
var rulesArray = [];
|
|
for (var prop in timeline) {
|
|
if (timeline.hasOwnProperty(prop)) {
|
|
rulesArray.push(prop, '{', (0, styleToClassName_1.serializeRuleEntries)((0, StyleOptionsState_1.getStyleOptions)(), timeline[prop]), '}');
|
|
}
|
|
}
|
|
var rules = rulesArray.join('');
|
|
var className = stylesheet.classNameFromKey(rules);
|
|
if (className) {
|
|
return className;
|
|
}
|
|
var name = stylesheet.getClassName();
|
|
stylesheet.insertRule("@keyframes ".concat(name, "{").concat(rules, "}"), true);
|
|
stylesheet.cacheClassName(name, rules, [], ['keyframes', rules]);
|
|
return name;
|
|
}
|
|
exports.keyframes = keyframes;
|
|
});
|
|
//# sourceMappingURL=keyframes.js.map
|