1 | "use strict";
|
2 | Object.defineProperty(exports, "__esModule", { value: true });
|
3 | var StyleOptionsState_1 = require("./StyleOptionsState");
|
4 | var Stylesheet_1 = require("./Stylesheet");
|
5 | var styleToClassName_1 = require("./styleToClassName");
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | function keyframes(timeline) {
|
12 | var stylesheet = Stylesheet_1.Stylesheet.getInstance();
|
13 | var name = stylesheet.getClassName();
|
14 | var rulesArray = [];
|
15 | for (var prop in timeline) {
|
16 | if (timeline.hasOwnProperty(prop)) {
|
17 | rulesArray.push(prop, '{', styleToClassName_1.serializeRuleEntries(StyleOptionsState_1.getStyleOptions(), timeline[prop]), '}');
|
18 | }
|
19 | }
|
20 | var rules = rulesArray.join('');
|
21 | stylesheet.insertRule("@keyframes " + name + "{" + rules + "}", true);
|
22 | stylesheet.cacheClassName(name, rules, [], ['keyframes', rules]);
|
23 | return name;
|
24 | }
|
25 | exports.keyframes = keyframes;
|
26 |
|
\ | No newline at end of file |