with-style 5.0.204 → 5.0.206
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/example.js +270 -10
- package/lib/css/bnf.js +2 -2
- package/lib/css/entries.js +4 -1
- package/lib/example.js +3 -3
- package/lib/style/keyframe.js +77 -0
- package/lib/style/keyframes.js +76 -0
- package/lib/style/keyframess.js +79 -0
- package/lib/style.js +16 -7
- package/package.json +1 -1
- package/src/css/bnf.js +7 -1
- package/src/css/entries.js +3 -0
- package/src/example.js +12 -0
- package/src/style/keyframe.js +51 -0
- package/src/style/keyframes.js +55 -0
- package/src/style/keyframess.js +48 -0
- package/src/style.js +15 -5
package/lib/css/bnf.js
CHANGED
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
exports.default = void 0;
|
|
6
|
-
var bnf = '\n\n stylesheet ::= ( media | ruleSet | declaration | error )+ ;\n\n\n media ::= "@media" mediaQueries "{" ( ruleSet | declaration )* "}" ;\n \n \n ruleSet ::= selectors "{" declaration* "}" ;\n \n \n declaration ::= propertyName ":" propertyValues important? ";" ;\n\n\n error. ::= . ;\n\n\n propertyValues ::= propertyValue ( "," propertyValue )* ;\n\n\n mediaQueries ::= mediaQuery ( ( "," | "or" ) mediaQuery )* ;\n \n \n selectors ::= selector ( "," selector )* ;\n\n\n mediaQuery ::= ( "not"? mediaType "and" )? mediaFeatures \n \n | "not"? mediaType\n \n ;\n\n\n mediaType ::= "all" | "print" | "screen" | "speech" ;\n \n \n mediaFeatures ::= ( \n \n mediaFeature \n \n | \n \n ( "(" "not" mediaFeature ")" ) \n \n ) \n \n ( \n \n "and" \n \n ( \n \n mediaFeature \n \n | \n \n ( "(" "not" mediaFeature ")" ) \n \n ) \n \n )* \n \n ;\n\n\n mediaFeature ::= "(" [identifier] ( ":" propertyValue )? ")" ;\n\n\n propertyValue ::= term ( ","? term )* ;\n\n\n propertyName ::= [identifier] ;\n\n\n important ::= "!important" ;\n\n\n selector ::= ( class | pseudoClass | pseudoElement | attribute )+ ;\n\n\n class ::= "."<NO_WHITESPACE>[identifier] parenthesisedSelector? ;\n\n\n pseudoClass ::= ":"<NO_WHITESPACE>[identifier] parenthesisedSelector? ;\n\n\n pseudoElement ::= "::"<NO_WHITESPACE>[identifier] parenthesisedSelector? ;\n\n\n parenthesisedSelector ::= <NO_WHITESPACE>"(" selector <NO_WHITESPACE>")" ;\n\n\n attribute ::= "["\n\n [identifier]\n\n (\n\n ( "=" | "~=" | "|=" )\n\n ( [identifier] | [string-literal] )\n\n )?\n\n "]"\n\n ;\n\n\n term ::= [plus-or-minus]?\n \n (\n \n ( [percentage] | [frequency] | [fraction] | [length] | [angle] | [rems] | [ems] | [time] | [number] )\n \n |\n \n uri\n \n |\n \n function\n \n |\n \n [string-literal]+\n \n |\n \n [identifier]\n \n |\n \n [colour]\n \n )\n \n ;\n\n\n uri ::= "url"<NO_WHITESPACE>"(" [string-literal] ")" ;\n\n\n function ::= [identifier]<NO_WHITESPACE>"(" propertyValue ")" ;\n\n';
|
|
6
|
+
var bnf = '\n\n stylesheet ::= ( media | ruleSet | keyframes | declaration | error )+ ;\n\n\n media ::= "@media" mediaQueries "{" ( ruleSet | declaration )* "}" ;\n \n \n ruleSet ::= selectors "{" declaration* "}" ;\n \n \n keyframes ::= "@keyframes" [identifier] "{" keyframe+ "}" ;\n \n \n declaration ::= propertyName ":" propertyValues important? ";" ;\n\n\n error. ::= . ;\n\n\n propertyValues ::= propertyValue ( "," propertyValue )* ;\n\n\n mediaQueries ::= mediaQuery ( ( "," | "or" ) mediaQuery )* ;\n \n \n selectors ::= selector ( "," selector )* ;\n\n\n keyframe ::= [percentage] "{" declaration+ "}" ;\n \n \n mediaQuery ::= ( "not"? mediaType "and" )? mediaFeatures \n \n | "not"? mediaType\n \n ;\n\n\n mediaType ::= "all" | "print" | "screen" | "speech" ;\n \n \n mediaFeatures ::= ( \n \n mediaFeature \n \n | \n \n ( "(" "not" mediaFeature ")" ) \n \n ) \n \n ( \n \n "and" \n \n ( \n \n mediaFeature \n \n | \n \n ( "(" "not" mediaFeature ")" ) \n \n ) \n \n )* \n \n ;\n\n\n mediaFeature ::= "(" [identifier] ( ":" propertyValue )? ")" ;\n\n\n propertyValue ::= term ( ","? term )* ;\n\n\n propertyName ::= [identifier] ;\n\n\n important ::= "!important" ;\n\n\n selector ::= ( class | pseudoClass | pseudoElement | attribute )+ ;\n\n\n class ::= "."<NO_WHITESPACE>[identifier] parenthesisedSelector? ;\n\n\n pseudoClass ::= ":"<NO_WHITESPACE>[identifier] parenthesisedSelector? ;\n\n\n pseudoElement ::= "::"<NO_WHITESPACE>[identifier] parenthesisedSelector? ;\n\n\n parenthesisedSelector ::= <NO_WHITESPACE>"(" selector <NO_WHITESPACE>")" ;\n\n\n attribute ::= "["\n\n [identifier]\n\n (\n\n ( "=" | "~=" | "|=" )\n\n ( [identifier] | [string-literal] )\n\n )?\n\n "]"\n\n ;\n\n\n term ::= [plus-or-minus]?\n \n (\n \n ( [percentage] | [frequency] | [fraction] | [length] | [angle] | [rems] | [ems] | [time] | [number] )\n \n |\n \n uri\n \n |\n \n function\n \n |\n \n [string-literal]+\n \n |\n \n [identifier]\n \n |\n \n [colour]\n \n )\n \n ;\n\n\n uri ::= "url"<NO_WHITESPACE>"(" [string-literal] ")" ;\n\n\n function ::= [identifier]<NO_WHITESPACE>"(" propertyValue ")" ;\n\n';
|
|
7
7
|
var _default = bnf;
|
|
8
8
|
exports.default = _default;
|
|
9
9
|
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvYm5mLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5jb25zdCBibmYgPSBgXG5cbiAgICBzdHlsZXNoZWV0ICAgICAgICAgICAgICAgICA6Oj0gKCBtZWRpYSB8IHJ1bGVTZXQgfCBrZXlmcmFtZXMgfCBkZWNsYXJhdGlvbiB8IGVycm9yICkrIDtcblxuXG4gICAgbWVkaWEgICAgICAgICAgICAgICAgICAgICAgOjo9IFwiQG1lZGlhXCIgbWVkaWFRdWVyaWVzIFwie1wiICggcnVsZVNldCB8IGRlY2xhcmF0aW9uICkqIFwifVwiIDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgcnVsZVNldCAgICAgICAgICAgICAgICAgICAgOjo9ICBzZWxlY3RvcnMgXCJ7XCIgZGVjbGFyYXRpb24qIFwifVwiIDtcbiAgICBcbiAgICBcbiAgICBrZXlmcmFtZXMgICAgICAgICAgICAgICAgICA6Oj0gXCJAa2V5ZnJhbWVzXCIgW2lkZW50aWZpZXJdIFwie1wiIGtleWZyYW1lKyBcIn1cIiA7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgIGRlY2xhcmF0aW9uICAgICAgICAgICAgICAgIDo6PSAgcHJvcGVydHlOYW1lIFwiOlwiIHByb3BlcnR5VmFsdWVzIGltcG9ydGFudD8gXCI7XCIgO1xuXG5cbiAgICBlcnJvci4gICAgICAgICAgICAgICAgICAgICA6Oj0gIC4gO1xuXG5cbiAgICBwcm9wZXJ0eVZhbHVlcyAgICAgICAgICAgICA6Oj0gIHByb3BlcnR5VmFsdWUgKCBcIixcIiBwcm9wZXJ0eVZhbHVlICkqIDtcblxuXG4gICAgbWVkaWFRdWVyaWVzICAgICAgICAgICAgICAgOjo9ICBtZWRpYVF1ZXJ5ICggKCBcIixcIiB8IFwib3JcIiApIG1lZGlhUXVlcnkgKSogO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgc2VsZWN0b3JzICAgICAgICAgICAgICAgICAgOjo9ICBzZWxlY3RvciAoIFwiLFwiIHNlbGVjdG9yICkqIDtcblxuXG4gICAga2V5ZnJhbWUgICAgICAgICAgICAgICAgICAgOjo9ICBbcGVyY2VudGFnZV0gXCJ7XCIgZGVjbGFyYXRpb24rIFwifVwiIDtcbiAgICBcbiAgICBcbiAgICBtZWRpYVF1ZXJ5ICAgICAgICAgICAgICAgICA6Oj0gICggXCJub3RcIj8gbWVkaWFUeXBlIFwiYW5kXCIgKT8gbWVkaWFGZWF0dXJlcyBcbiAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgIFwibm90XCI/IG1lZGlhVHlwZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA7XG5cblxuICAgIG1lZGlhVHlwZSAgICAgICAgICAgICAgICAgIDo6PSAgXCJhbGxcIiB8IFwicHJpbnRcIiB8IFwic2NyZWVuXCIgfCBcInNwZWVjaFwiIDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgIG1lZGlhRmVhdHVyZXMgICAgICAgICAgICAgIDo6PSAgKCBcbiAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWVkaWFGZWF0dXJlIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfCBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICggXCIoXCIgXCJub3RcIiBtZWRpYUZlYXR1cmUgXCIpXCIgKSBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIFxuICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKCBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcImFuZFwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICggXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1lZGlhRmVhdHVyZSBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8IFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICggXCIoXCIgXCJub3RcIiBtZWRpYUZlYXR1cmUgXCIpXCIgKSBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApKiBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgO1xuXG5cbiAgICBtZWRpYUZlYXR1cmUgICAgICAgICAgICAgICA6Oj0gIFwiKFwiIFtpZGVudGlmaWVyXSAoIFwiOlwiIHByb3BlcnR5VmFsdWUgKT8gXCIpXCIgO1xuXG5cbiAgICBwcm9wZXJ0eVZhbHVlICAgICAgICAgICAgICA6Oj0gIHRlcm0gKCBcIixcIj8gdGVybSApKiA7XG5cblxuICAgIHByb3BlcnR5TmFtZSAgICAgICAgICAgICAgIDo6PSAgW2lkZW50aWZpZXJdIDtcblxuXG4gICAgaW1wb3J0YW50ICAgICAgICAgICAgICAgICAgOjo9ICBcIiFpbXBvcnRhbnRcIiA7XG5cblxuICAgIHNlbGVjdG9yICAgICAgICAgICAgICAgICAgIDo6PSAgKCBjbGFzcyB8IHBzZXVkb0NsYXNzIHwgcHNldWRvRWxlbWVudCB8IGF0dHJpYnV0ZSApKyA7XG5cblxuICAgIGNsYXNzICAgICAgICAgICAgICAgICAgICAgIDo6PSAgXCIuXCI8Tk9fV0hJVEVTUEFDRT5baWRlbnRpZmllcl0gcGFyZW50aGVzaXNlZFNlbGVjdG9yPyA7XG5cblxuICAgIHBzZXVkb0NsYXNzICAgICAgICAgICAgICAgIDo6PSAgXCI6XCI8Tk9fV0hJVEVTUEFDRT5baWRlbnRpZmllcl0gcGFyZW50aGVzaXNlZFNlbGVjdG9yPyA7XG5cblxuICAgIHBzZXVkb0VsZW1lbnQgICAgICAgICAgICAgIDo6PSAgXCI6OlwiPE5PX1dISVRFU1BBQ0U+W2lkZW50aWZpZXJdIHBhcmVudGhlc2lzZWRTZWxlY3Rvcj8gO1xuXG5cbiAgICBwYXJlbnRoZXNpc2VkU2VsZWN0b3IgICAgICA6Oj0gIDxOT19XSElURVNQQUNFPlwiKFwiIHNlbGVjdG9yIDxOT19XSElURVNQQUNFPlwiKVwiIDtcblxuXG4gICAgYXR0cmlidXRlICAgICAgICAgICAgICAgICAgOjo9ICBcIltcIlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWRlbnRpZmllcl1cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKFxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICggXCI9XCIgfCBcIn49XCIgfCBcInw9XCIgKVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICggW2lkZW50aWZpZXJdIHwgW3N0cmluZy1saXRlcmFsXSApXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICk/XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiXVwiXG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDtcblxuXG4gICAgdGVybSAgICAgICAgICAgICAgICAgICAgICAgOjo9ICBbcGx1cy1vci1taW51c10/XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoIFtwZXJjZW50YWdlXSB8IFtmcmVxdWVuY3ldIHwgW2ZyYWN0aW9uXSB8IFtsZW5ndGhdIHwgW2FuZ2xlXSB8IFtyZW1zXSB8IFtlbXNdIHwgW3RpbWVdIHwgW251bWJlcl0gKVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdXJpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmdW5jdGlvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0cmluZy1saXRlcmFsXStcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpZGVudGlmaWVyXVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbG91cl1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA7XG5cblxuICAgIHVyaSAgICAgICAgICAgICAgICAgICAgICAgIDo6PSAgXCJ1cmxcIjxOT19XSElURVNQQUNFPlwiKFwiIFtzdHJpbmctbGl0ZXJhbF0gXCIpXCIgO1xuXG5cbiAgICBmdW5jdGlvbiAgICAgICAgICAgICAgICAgICA6Oj0gIFtpZGVudGlmaWVyXTxOT19XSElURVNQQUNFPlwiKFwiIHByb3BlcnR5VmFsdWUgXCIpXCIgO1xuXG5gO1xuXG5leHBvcnQgZGVmYXVsdCBibmY7XG4iXSwibmFtZXMiOlsiYm5mIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7O0FBRWIsSUFBTUEsR0FBRyxHQUFJLDA3S0F1SmIsQUFBQyxBQUFDO2VBRWFBLEdBQUcifQ==
|
package/lib/css/entries.js
CHANGED
|
@@ -7,6 +7,9 @@ var entries = [
|
|
|
7
7
|
{
|
|
8
8
|
"media": "^@media"
|
|
9
9
|
},
|
|
10
|
+
{
|
|
11
|
+
"keyframes": "^@keyframes"
|
|
12
|
+
},
|
|
10
13
|
{
|
|
11
14
|
"colour": "^#(?:[0-9a-fA-F]{6}|[0-9a-fA-F]{3})"
|
|
12
15
|
},
|
|
@@ -59,4 +62,4 @@ var entries = [
|
|
|
59
62
|
var _default = entries;
|
|
60
63
|
exports.default = _default;
|
|
61
64
|
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jc3MvZW50cmllcy5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcclxuXHJcbmNvbnN0IGVudHJpZXMgPSBbXHJcbiAge1xyXG4gICAgXCJtZWRpYVwiOiBcIl5AbWVkaWFcIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJrZXlmcmFtZXNcIjogXCJeQGtleWZyYW1lc1wiXHJcbiAgfSxcclxuICB7XHJcbiAgICBcImNvbG91clwiOiBcIl4jKD86WzAtOWEtZkEtRl17Nn18WzAtOWEtZkEtRl17M30pXCJcclxuICB9LFxyXG4gIHtcclxuICAgIFwiaW1wb3J0YW50XCI6IFwiXiFpbXBvcnRhbnRcIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJwZXJjZW50YWdlXCI6IFwiXig/OlswLTldK3xbMC05XSpcXFxcLlswLTldKyklXCJcclxuICB9LFxyXG4gIHtcclxuICAgIFwiZnJlcXVlbmN5XCI6IFwiXig/OlswLTldK3xbMC05XSpcXFxcLlswLTldKykoPzpoenxraHopXCJcclxuICB9LFxyXG4gIHtcclxuICAgIFwiZnJhY3Rpb25cIjogXCJeWzEtOV1bMC05XSo/ZnJcIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJsZW5ndGhcIjogXCJeKD86WzAtOV0rfFswLTldKlxcXFwuWzAtOV0rKSg/OnB4fGNtfG1tfGlufHB0fHBjKVwiXHJcbiAgfSxcclxuICB7XHJcbiAgICBcImFuZ2xlXCI6IFwiXig/OlswLTldK3xbMC05XSpcXFxcLlswLTldKykoPzpkZWd8cmFkfGdyYWQpXCJcclxuICB9LFxyXG4gIHtcclxuICAgIFwidGltZVwiOiBcIl4oPzpbMC05XSt8WzAtOV0qXFxcXC5bMC05XSspKD86c3xtcylcIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJyZW1zXCI6IFwiXig/OlswLTldK3xbMC05XSpcXFxcLlswLTldKylyZW1cIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJlbXNcIjogXCJeKD86WzAtOV0rfFswLTldKlxcXFwuWzAtOV0rKWVtXCJcclxuICB9LFxyXG4gIHtcclxuICAgIFwibnVtYmVyXCI6IFwiXlswLTldK3xbMC05XSpcXFxcLlswLTldK1wiXHJcbiAgfSxcclxuICB7XHJcbiAgICBcInNwZWNpYWxcIjogXCJeO3w6Onw6fFxcXFwufCx8XFxcXHw9fH49fD18PnxcXFxce3xcXFxcfXxcXFxcKHxcXFxcKXxcXFxcW3xcXFxcXVwiXHJcbiAgfSxcclxuICB7XHJcbiAgICBcImlkZW50aWZpZXJcIjogXCJeW19hLXpBLVowLTktXStcIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJsb2dpY2FsLW9wZXJhdG9yXCI6IFwiXl4oPzphbmR8bm90KSRcIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJwbHVzLW9yLW1pbnVzXCI6IFwiXlxcXFwrfC1cIlxyXG4gIH0sXHJcbiAge1xyXG4gICAgXCJ1bmFzc2lnbmVkXCI6IFwiXlteXFxcXHNdK1wiXHJcbiAgfVxyXG5dO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgZW50cmllcztcclxuIl0sIm5hbWVzIjpbImVudHJpZXMiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7Ozs7QUFFYixJQUFNQSxPQUFPLEdBQUc7SUFDZDtRQUNFLE9BQU8sRUFBRSxTQUFTO0tBQ25CO0lBQ0Q7UUFDRSxXQUFXLEVBQUUsYUFBYTtLQUMzQjtJQUNEO1FBQ0UsUUFBUSxFQUFFLHFDQUFxQztLQUNoRDtJQUNEO1FBQ0UsV0FBVyxFQUFFLGFBQWE7S0FDM0I7SUFDRDtRQUNFLFlBQVksRUFBRSw4QkFBOEI7S0FDN0M7SUFDRDtRQUNFLFdBQVcsRUFBRSx1Q0FBdUM7S0FDckQ7SUFDRDtRQUNFLFVBQVUsRUFBRSxpQkFBaUI7S0FDOUI7SUFDRDtRQUNFLFFBQVEsRUFBRSxrREFBa0Q7S0FDN0Q7SUFDRDtRQUNFLE9BQU8sRUFBRSw2Q0FBNkM7S0FDdkQ7SUFDRDtRQUNFLE1BQU0sRUFBRSxxQ0FBcUM7S0FDOUM7SUFDRDtRQUNFLE1BQU0sRUFBRSxnQ0FBZ0M7S0FDekM7SUFDRDtRQUNFLEtBQUssRUFBRSwrQkFBK0I7S0FDdkM7SUFDRDtRQUNFLFFBQVEsRUFBRSx5QkFBeUI7S0FDcEM7SUFDRDtRQUNFLFNBQVMsRUFBRSxtREFBbUQ7S0FDL0Q7SUFDRDtRQUNFLFlBQVksRUFBRSxpQkFBaUI7S0FDaEM7SUFDRDtRQUNFLGtCQUFrQixFQUFFLGdCQUFnQjtLQUNyQztJQUNEO1FBQ0UsZUFBZSxFQUFFLFFBQVE7S0FDMUI7SUFDRDtRQUNFLFlBQVksRUFBRSxVQUFVO0tBQ3pCO0NBQ0YsQUFBQztlQUVhQSxPQUFPIn0=
|
package/lib/example.js
CHANGED
|
@@ -5,15 +5,15 @@ var firaCodeFontMixin = '\n\n font-size: 1.3rem;\n line-height: 20px;\n font-
|
|
|
5
5
|
var monospaceFontMixin = "\n\n font-size: 1.3rem;\n line-height: 20px;\n font-family: monospace;\n \n";
|
|
6
6
|
generateStyle([
|
|
7
7
|
[
|
|
8
|
-
"\n\n width: auto !important;\n\n display: none;\n \n .active {\n display: block;\n }\n \n @media (min-width: 640px) {\n\n padding-top: 1rem; \n \n .menu {\n margin: 0; \n }\n\n }\n\n"
|
|
8
|
+
"\n\n width: auto !important;\n\n display: none;\n \n .active {\n display: block;\n }\n \n @keyframes redish {\n 0% { color: darkred; }\n 50% { color: red; }\n 100% { color: lightred; }\n }\n \n @media (min-width: 640px) {\n\n padding-top: 1rem; \n \n .menu {\n margin: 0; \n }\n\n }\n\n"
|
|
9
9
|
]
|
|
10
10
|
], "abc");
|
|
11
11
|
var superStyle = retrieveStyle("abc");
|
|
12
12
|
generateStyle([
|
|
13
13
|
[
|
|
14
|
-
"\n\n color: transparent;\n width: auto;\n height: 100%;\n cursor: auto;\n resize: none;\n outline: none;\n tab-size: 2;\n border-top: none;\n overflow-x: scroll;\n overflow-y: scroll;\n caret-color: transparent;\n white-space: pre;\n overflow-wrap: normal;\n background-color: transparent;\n\n ::selection { background-color: transparent; }\n \n ".concat(monospaceFontMixin, "\n\n .fira-code {\n\n ").concat(firaCodeFontMixin, "\n \n }\n \n")
|
|
14
|
+
"\n\n color: transparent;\n width: auto;\n height: 100%;\n cursor: auto;\n resize: none;\n outline: none;\n tab-size: 2;\n border-top: none;\n overflow-x: scroll;\n overflow-y: scroll;\n caret-color: transparent;\n white-space: pre;\n overflow-wrap: normal;\n background-color: transparent;\n\n @keyframes blueish {\n 0% { color: darkblue; }\n 50% { color: blue; }\n 100% { color: lightblue; }\n }\n \n ::selection { background-color: transparent; }\n \n ".concat(monospaceFontMixin, "\n\n .fira-code {\n\n ").concat(firaCodeFontMixin, "\n \n }\n \n")
|
|
15
15
|
]
|
|
16
16
|
], "def", superStyle);
|
|
17
17
|
renderStyles();
|
|
18
18
|
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9leGFtcGxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBzdHlsZXNVdGlsaXRpZXMgfSBmcm9tIFwiLi9pbmRleFwiOyAvLy9cblxuY29uc3QgeyBnZW5lcmF0ZVN0eWxlLCByZXRyaWV2ZVN0eWxlLCByZW5kZXJTdHlsZXMgfSA9IHN0eWxlc1V0aWxpdGllcztcblxuY29uc3QgZmlyYUNvZGVGb250TWl4aW4gPSBgXG5cbiAgZm9udC1zaXplOiAxLjNyZW07XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICBmb250LWZhbWlseTogXCJGaXJhIENvZGVcIjtcbiAgdGV4dC1yZW5kZXJpbmc6IG9wdGltaXplTGVnaWJpbGl0eTsgLyogRm9yY2UgbGlnYXR1cmVzIGZvciBXZWJraXQsIEJsaW5rLCBHZWNrbyAqL1xuICBmb250LWZlYXR1cmUtc2V0dGluZ3M6IFwiY2FsdFwiIDE7ICAvKiBFbmFibGUgbGlnYXR1cmVzIGZvciBJRSAxMCssIEVkZ2UgKi9cblxuYDtcblxuY29uc3QgbW9ub3NwYWNlRm9udE1peGluID0gYFxuXG4gIGZvbnQtc2l6ZTogMS4zcmVtO1xuICBsaW5lLWhlaWdodDogMjBweDtcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgIFxuYDtcblxuZ2VuZXJhdGVTdHlsZShbW2BcblxuICB3aWR0aDogYXV0byAhaW1wb3J0YW50O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gIFxuICAuYWN0aXZlIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuICBcbiAgQGtleWZyYW1lcyByZWRpc2gge1xuICAgIDAlIHsgY29sb3I6IGRhcmtyZWQ7IH1cbiAgICA1MCUgeyBjb2xvcjogcmVkOyB9XG4gICAgMTAwJSB7IGNvbG9yOiBsaWdodHJlZDsgfVxuICB9XG4gIFxuICBAbWVkaWEgKG1pbi13aWR0aDogNjQwcHgpIHtcblxuICAgIHBhZGRpbmctdG9wOiAxcmVtOyBcbiAgICBcbiAgICAubWVudSB7XG4gICAgICBtYXJnaW46IDA7ICAgIFxuICAgIH1cblxuICB9XG5cbmBdXSwgXCJhYmNcIik7XG5cbmNvbnN0IHN1cGVyU3R5bGUgPSByZXRyaWV2ZVN0eWxlKFwiYWJjXCIpO1xuXG5nZW5lcmF0ZVN0eWxlKFtbYFxuXG4gIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgd2lkdGg6IGF1dG87XG4gIGhlaWdodDogMTAwJTtcbiAgY3Vyc29yOiBhdXRvO1xuICByZXNpemU6IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG4gIHRhYi1zaXplOiAyO1xuICBib3JkZXItdG9wOiBub25lO1xuICBvdmVyZmxvdy14OiBzY3JvbGw7XG4gIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgY2FyZXQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB3aGl0ZS1zcGFjZTogcHJlO1xuICBvdmVyZmxvdy13cmFwOiBub3JtYWw7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gIEBrZXlmcmFtZXMgYmx1ZWlzaCB7XG4gICAgMCUgeyBjb2xvcjogZGFya2JsdWU7IH1cbiAgICA1MCUgeyBjb2xvcjogYmx1ZTsgfVxuICAgIDEwMCUgeyBjb2xvcjogbGlnaHRibHVlOyB9XG4gIH1cbiAgXG4gIDo6c2VsZWN0aW9uIHsgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7IH1cbiAgXG4gICR7bW9ub3NwYWNlRm9udE1peGlufVxuXG4gIC5maXJhLWNvZGUge1xuXG4gICAgJHtmaXJhQ29kZUZvbnRNaXhpbn1cbiAgICBcbiAgfVxuICBcbmBdXSwgXCJkZWZcIiwgc3VwZXJTdHlsZSk7XG5cbnJlbmRlclN0eWxlcygpO1xuIl0sIm5hbWVzIjpbImdlbmVyYXRlU3R5bGUiLCJzdHlsZXNVdGlsaXRpZXMiLCJyZXRyaWV2ZVN0eWxlIiwicmVuZGVyU3R5bGVzIiwiZmlyYUNvZGVGb250TWl4aW4iLCJtb25vc3BhY2VGb250TWl4aW4iLCJzdXBlclN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7QUFFbUIsSUFBQSxNQUFTLFdBQVQsU0FBUyxDQUFBO0FBRXpDLElBQVFBLGFBQWEsR0FBa0NDLE1BQWUsZ0JBQUEsQ0FBOURELGFBQWEsRUFBRUUsYUFBYSxHQUFtQkQsTUFBZSxnQkFBQSxDQUEvQ0MsYUFBYSxFQUFFQyxZQUFZLEdBQUtGLE1BQWUsZ0JBQUEsQ0FBaENFLFlBQVksQUFBcUI7QUFFdkUsSUFBTUMsaUJBQWlCLEdBQUksb1BBUTNCLEFBQUMsQUFBQztBQUVGLElBQU1DLGtCQUFrQixHQUFJLGtGQU01QixBQUFDLEFBQUM7QUFFRkwsYUFBYSxDQUFDO0lBQUM7UUFBRSwyVUEwQmpCO0tBQUU7Q0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO0FBRVosSUFBTU0sVUFBVSxHQUFHSixhQUFhLENBQUMsS0FBSyxDQUFDLEFBQUM7QUFFeENGLGFBQWEsQ0FBQztJQUFDO1FBQUUscWVBeUJmLENBSUlJLE1BQWlCLENBSm5CQyxrQkFBa0IsRUFBQyw0QkFJbkIsQ0FBb0IsQ0FBQSxNQUl4QixDQUpNRCxpQkFBaUIsRUFBQyxtQkFJeEIsQ0FBQztLQUFDO0NBQUMsRUFBRSxLQUFLLEVBQUVFLFVBQVUsQ0FBQyxDQUFDO0FBRXhCSCxZQUFZLEVBQUUsQ0FBQyJ9
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _occamQuery = require("occam-query");
|
|
7
|
+
var _necessary = require("necessary");
|
|
8
|
+
var _declaration = _interopRequireDefault(require("./declaration"));
|
|
9
|
+
var _content = require("../utilities/content");
|
|
10
|
+
function _classCallCheck(instance, Constructor) {
|
|
11
|
+
if (!(instance instanceof Constructor)) {
|
|
12
|
+
throw new TypeError("Cannot call a class as a function");
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function _defineProperties(target, props) {
|
|
16
|
+
for(var i = 0; i < props.length; i++){
|
|
17
|
+
var descriptor = props[i];
|
|
18
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
19
|
+
descriptor.configurable = true;
|
|
20
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
21
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
25
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
26
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
27
|
+
return Constructor;
|
|
28
|
+
}
|
|
29
|
+
function _interopRequireDefault(obj) {
|
|
30
|
+
return obj && obj.__esModule ? obj : {
|
|
31
|
+
default: obj
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
var percentageQuery = _occamQuery.Query.fromExpression("/*/@percentage"), declarationQuery = _occamQuery.Query.fromExpression("/*/declaration");
|
|
35
|
+
var first = _necessary.arrayUtilities.first;
|
|
36
|
+
var Keyframe = /*#__PURE__*/ function() {
|
|
37
|
+
function Keyframe(percentage, declaration) {
|
|
38
|
+
_classCallCheck(this, Keyframe);
|
|
39
|
+
this.percentage = percentage;
|
|
40
|
+
this.declaration = declaration;
|
|
41
|
+
}
|
|
42
|
+
_createClass(Keyframe, [
|
|
43
|
+
{
|
|
44
|
+
key: "getPercentage",
|
|
45
|
+
value: function getPercentage() {
|
|
46
|
+
return this.percentage;
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
key: "getDeclaration",
|
|
51
|
+
value: function getDeclaration() {
|
|
52
|
+
return this.declaration;
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
key: "asCSS",
|
|
57
|
+
value: function asCSS(indent) {
|
|
58
|
+
var declarationCSS = this.declaration.asCSS(indent), css = "".concat(indent).concat(this.percentage, " { \n").concat(declarationCSS).concat(indent, "}\n");
|
|
59
|
+
return css;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
], [
|
|
63
|
+
{
|
|
64
|
+
key: "fromNodeAndTokens",
|
|
65
|
+
value: function fromNodeAndTokens(node, tokens) {
|
|
66
|
+
var percentageContent = (0, _content).contentFromQueryNodeAndTokens(percentageQuery, node, tokens), percentage = percentageContent, declarationNodes = declarationQuery.execute(node), firstDeclarationNode = first(declarationNodes), declarationNode = firstDeclarationNode; ///
|
|
67
|
+
node = declarationNode; ///
|
|
68
|
+
var declaration = _declaration.default.fromNodeAndTokens(node, tokens), keyframe = new Keyframe(percentage, declaration);
|
|
69
|
+
return keyframe;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
]);
|
|
73
|
+
return Keyframe;
|
|
74
|
+
}();
|
|
75
|
+
exports.default = Keyframe;
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZS9rZXlmcmFtZS5qcyIsIjw8anN4LWNvbmZpZy1wcmFnbWEuanM+PiJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IHsgUXVlcnkgfSBmcm9tIFwib2NjYW0tcXVlcnlcIjtcbmltcG9ydCB7IGFycmF5VXRpbGl0aWVzIH0gZnJvbSBcIm5lY2Vzc2FyeVwiO1xuXG5pbXBvcnQgRGVjbGFyYXRpb24gZnJvbSBcIi4vZGVjbGFyYXRpb25cIjtcblxuaW1wb3J0IHsgY29udGVudEZyb21RdWVyeU5vZGVBbmRUb2tlbnMgfSBmcm9tIFwiLi4vdXRpbGl0aWVzL2NvbnRlbnRcIjtcblxuY29uc3QgcGVyY2VudGFnZVF1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oXCIvKi9AcGVyY2VudGFnZVwiKSxcbiAgICAgIGRlY2xhcmF0aW9uUXVlcnkgPSBRdWVyeS5mcm9tRXhwcmVzc2lvbihcIi8qL2RlY2xhcmF0aW9uXCIpO1xuXG5jb25zdCB7IGZpcnN0IH0gPSBhcnJheVV0aWxpdGllcztcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgS2V5ZnJhbWUge1xuICBjb25zdHJ1Y3RvcihwZXJjZW50YWdlLCBkZWNsYXJhdGlvbikge1xuICAgIHRoaXMucGVyY2VudGFnZSA9IHBlcmNlbnRhZ2U7XG4gICAgdGhpcy5kZWNsYXJhdGlvbiA9IGRlY2xhcmF0aW9uO1xuICB9XG5cbiAgZ2V0UGVyY2VudGFnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5wZXJjZW50YWdlO1xuICB9XG5cbiAgZ2V0RGVjbGFyYXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMuZGVjbGFyYXRpb247XG4gIH1cblxuICBhc0NTUyhpbmRlbnQpIHtcbiAgICBjb25zdCBkZWNsYXJhdGlvbkNTUyA9IHRoaXMuZGVjbGFyYXRpb24uYXNDU1MoaW5kZW50KSxcbiAgICAgICAgICBjc3MgPSBgJHtpbmRlbnR9JHt0aGlzLnBlcmNlbnRhZ2V9IHsgXG4ke2RlY2xhcmF0aW9uQ1NTfSR7aW5kZW50fX1cXG5gO1xuXG4gICAgcmV0dXJuIGNzcztcbiAgfVxuXG4gIHN0YXRpYyBmcm9tTm9kZUFuZFRva2Vucyhub2RlLCB0b2tlbnMpIHtcbiAgICBjb25zdCBwZXJjZW50YWdlQ29udGVudCA9IGNvbnRlbnRGcm9tUXVlcnlOb2RlQW5kVG9rZW5zKHBlcmNlbnRhZ2VRdWVyeSwgbm9kZSwgdG9rZW5zKSxcbiAgICAgICAgICBwZXJjZW50YWdlID0gcGVyY2VudGFnZUNvbnRlbnQsIC8vL1xuICAgICAgICAgIGRlY2xhcmF0aW9uTm9kZXMgPSBkZWNsYXJhdGlvblF1ZXJ5LmV4ZWN1dGUobm9kZSksXG4gICAgICAgICAgZmlyc3REZWNsYXJhdGlvbk5vZGUgPSBmaXJzdChkZWNsYXJhdGlvbk5vZGVzKSxcbiAgICAgICAgICBkZWNsYXJhdGlvbk5vZGUgPSBmaXJzdERlY2xhcmF0aW9uTm9kZTsgLy8vXG5cbiAgICBub2RlID0gZGVjbGFyYXRpb25Ob2RlOyAvLy9cblxuICAgIGNvbnN0IGRlY2xhcmF0aW9uID0gRGVjbGFyYXRpb24uZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKSxcbiAgICAgICAgICBrZXlmcmFtZSA9IG5ldyBLZXlmcmFtZShwZXJjZW50YWdlLCBkZWNsYXJhdGlvbik7XG5cbiAgICByZXR1cm4ga2V5ZnJhbWU7XG4gIH1cbn1cbiIsIlJlYWN0LmNyZWF0ZUVsZW1lbnQiXSwibmFtZXMiOlsicGVyY2VudGFnZVF1ZXJ5IiwiUXVlcnkiLCJmcm9tRXhwcmVzc2lvbiIsImRlY2xhcmF0aW9uUXVlcnkiLCJmaXJzdCIsImFycmF5VXRpbGl0aWVzIiwiS2V5ZnJhbWUiLCJwZXJjZW50YWdlIiwiZGVjbGFyYXRpb24iLCJnZXRQZXJjZW50YWdlIiwiZ2V0RGVjbGFyYXRpb24iLCJhc0NTUyIsImluZGVudCIsImRlY2xhcmF0aW9uQ1NTIiwiY3NzIiwiZnJvbU5vZGVBbmRUb2tlbnMiLCJub2RlIiwidG9rZW5zIiwicGVyY2VudGFnZUNvbnRlbnQiLCJjb250ZW50RnJvbVF1ZXJ5Tm9kZUFuZFRva2VucyIsImRlY2xhcmF0aW9uTm9kZXMiLCJleGVjdXRlIiwiZmlyc3REZWNsYXJhdGlvbk5vZGUiLCJkZWNsYXJhdGlvbk5vZGUiLCJEZWNsYXJhdGlvbiIsImtleWZyYW1lIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7Ozs7O0FBRVMsSUFBQSxXQUFhLFdBQWIsYUFBYSxDQUFBO0FBQ0osSUFBQSxVQUFXLFdBQVgsV0FBVyxDQUFBO0FBRWxCLElBQUEsWUFBZSxrQ0FBZixlQUFlLEVBQUE7QUFFTyxJQUFBLFFBQXNCLFdBQXRCLHNCQUFzQixDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXBFLElBQU1BLGVBQWUsR0FBR0MsV0FBSyxNQUFBLENBQUNDLGNBQWMsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUN4REMsZ0JBQWdCLEdBQUdGLFdBQUssTUFBQSxDQUFDQyxjQUFjLENBQUMsZ0JBQWdCLENBQUMsQUFBQztBQUVoRSxJQUFNLEFBQUVFLEtBQUssR0FBS0MsVUFBYyxlQUFBLENBQXhCRCxLQUFLLEFBQW1CLEFBQUM7QUFFbEIsSUFBQSxBQUFNRSxRQUFRLGlCQUFkO2FBQU1BLFFBQVEsQ0FDZkMsVUFBVSxFQUFFQyxXQUFXOztRQUNqQyxJQUFJLENBQUNELFVBQVUsR0FBR0EsVUFBVSxDQUFDO1FBQzdCLElBQUksQ0FBQ0MsV0FBVyxHQUFHQSxXQUFXLENBQUM7Ozs7WUFHakNDLEdBQWEsRUFBYkEsZUFBYTttQkFBYkEsU0FBQUEsYUFBYSxHQUFHO2dCQUNkLE9BQU8sSUFBSSxDQUFDRixVQUFVLENBQUM7YUFDeEI7OztZQUVERyxHQUFjLEVBQWRBLGdCQUFjO21CQUFkQSxTQUFBQSxjQUFjLEdBQUc7Z0JBQ2YsT0FBTyxJQUFJLENBQUNGLFdBQVcsQ0FBQzthQUN6Qjs7O1lBRURHLEdBQUssRUFBTEEsT0FBSzttQkFBTEEsU0FBQUEsS0FBSyxDQUFDQyxNQUFNLEVBQUU7Z0JBQ1osSUFBTUMsY0FBYyxHQUFHLElBQUksQ0FBQ0wsV0FBVyxDQUFDRyxLQUFLLENBQUNDLE1BQU0sQ0FBQyxFQUMvQ0UsR0FBRyxHQUFHLEFBQUMsRUFBQSxDQUFXLE1BQWUsQ0FBeEJGLE1BQU0sQ0FBbUIsQ0FDMUNDLE1BQWMsQ0FEWSxJQUFJLENBQUNOLFVBQVUsRUFBQyxPQUM1QyxDQUFpQixDQUFFSyxNQUFNLENBQXZCQyxjQUFjLENBQVUsQ0FBQSxNQUFHLENBQVZELE1BQU0sRUFBQyxLQUFHLENBQUMsQUFBQztnQkFFM0IsT0FBT0UsR0FBRyxDQUFDO2FBQ1o7Ozs7WUFFTUMsR0FBaUIsRUFBakJBLG1CQUFpQjttQkFBeEIsU0FBT0EsaUJBQWlCLENBQUNDLElBQUksRUFBRUMsTUFBTSxFQUFFO2dCQUNyQyxJQUFNQyxpQkFBaUIsR0FBR0MsQ0FBQUEsR0FBQUEsUUFBNkIsQUFBK0IsQ0FBQSw4QkFBL0IsQ0FBQ25CLGVBQWUsRUFBRWdCLElBQUksRUFBRUMsTUFBTSxDQUFDLEVBQ2hGVixVQUFVLEdBQUdXLGlCQUFpQixFQUM5QkUsZ0JBQWdCLEdBQUdqQixnQkFBZ0IsQ0FBQ2tCLE9BQU8sQ0FBQ0wsSUFBSSxDQUFDLEVBQ2pETSxvQkFBb0IsR0FBR2xCLEtBQUssQ0FBQ2dCLGdCQUFnQixDQUFDLEVBQzlDRyxlQUFlLEdBQUdELG9CQUFvQixBQUFDLEVBQUMsR0FBRztnQkFFakROLElBQUksR0FBR08sZUFBZSxDQUFDLENBQUMsR0FBRztnQkFFM0IsSUFBTWYsV0FBVyxHQUFHZ0IsWUFBVyxRQUFBLENBQUNULGlCQUFpQixDQUFDQyxJQUFJLEVBQUVDLE1BQU0sQ0FBQyxFQUN6RFEsUUFBUSxHQUFHLElBQUluQixRQUFRLENBQUNDLFVBQVUsRUFBRUMsV0FBVyxDQUFDLEFBQUM7Z0JBRXZELE9BQU9pQixRQUFRLENBQUM7YUFDakI7Ozs7Q0FDRixFQUFBO2tCQXBDb0JuQixRQUFRIn0=
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _occamQuery = require("occam-query");
|
|
7
|
+
var _keyframe = _interopRequireDefault(require("./keyframe"));
|
|
8
|
+
var _constants = require("../constants");
|
|
9
|
+
var _content = require("../utilities/content");
|
|
10
|
+
function _classCallCheck(instance, Constructor) {
|
|
11
|
+
if (!(instance instanceof Constructor)) {
|
|
12
|
+
throw new TypeError("Cannot call a class as a function");
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function _defineProperties(target, props) {
|
|
16
|
+
for(var i = 0; i < props.length; i++){
|
|
17
|
+
var descriptor = props[i];
|
|
18
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
19
|
+
descriptor.configurable = true;
|
|
20
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
21
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
25
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
26
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
27
|
+
return Constructor;
|
|
28
|
+
}
|
|
29
|
+
function _interopRequireDefault(obj) {
|
|
30
|
+
return obj && obj.__esModule ? obj : {
|
|
31
|
+
default: obj
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
var keyframeQuery = _occamQuery.Query.fromExpression("/keyframes/keyframe"), identifierQuery = _occamQuery.Query.fromExpression("/keyframes/@identifier");
|
|
35
|
+
var Keyframes = /*#__PURE__*/ function() {
|
|
36
|
+
function Keyframes(array, identifier) {
|
|
37
|
+
_classCallCheck(this, Keyframes);
|
|
38
|
+
this.array = array;
|
|
39
|
+
this.identifier = identifier;
|
|
40
|
+
}
|
|
41
|
+
_createClass(Keyframes, [
|
|
42
|
+
{
|
|
43
|
+
key: "getIdentifier",
|
|
44
|
+
value: function getIdentifier() {
|
|
45
|
+
return this.identifier;
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
key: "asCSS",
|
|
50
|
+
value: function asCSS(indent) {
|
|
51
|
+
indent = indent + _constants.TWO_SPACES;
|
|
52
|
+
var keyframesCSS1 = this.array.reduce(function(keyframesCSS, keyframe) {
|
|
53
|
+
var keyframeCSS = keyframe.asCSS(indent);
|
|
54
|
+
keyframesCSS += keyframeCSS;
|
|
55
|
+
return keyframesCSS;
|
|
56
|
+
}, _constants.EMPTY_STRING), css = "@keyframes ".concat(this.identifier, " {\n").concat(keyframesCSS1, "}\n\n");
|
|
57
|
+
return css;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
], [
|
|
61
|
+
{
|
|
62
|
+
key: "fromNodeAndTokens",
|
|
63
|
+
value: function fromNodeAndTokens(node, tokens) {
|
|
64
|
+
var keyframeNodes = keyframeQuery.execute(node), array = keyframeNodes.map(function(keyframeNode) {
|
|
65
|
+
var _$node = keyframeNode, keyframe = _keyframe.default.fromNodeAndTokens(_$node, tokens);
|
|
66
|
+
return keyframe;
|
|
67
|
+
}), identifierContent = (0, _content).contentFromQueryNodeAndTokens(identifierQuery, node, tokens), identifier = identifierContent, keyframes = new Keyframes(array, identifier);
|
|
68
|
+
return keyframes;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
]);
|
|
72
|
+
return Keyframes;
|
|
73
|
+
}();
|
|
74
|
+
exports.default = Keyframes;
|
|
75
|
+
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZS9rZXlmcmFtZXMuanMiLCI8PGpzeC1jb25maWctcHJhZ21hLmpzPj4iXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB7IFF1ZXJ5IH0gZnJvbSBcIm9jY2FtLXF1ZXJ5XCI7XG5cbmltcG9ydCBLZXlmcmFtZSBmcm9tIFwiLi9rZXlmcmFtZVwiO1xuXG5pbXBvcnQgeyBFTVBUWV9TVFJJTkcsIFRXT19TUEFDRVMgfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5pbXBvcnQgeyBjb250ZW50RnJvbVF1ZXJ5Tm9kZUFuZFRva2VucyB9IGZyb20gXCIuLi91dGlsaXRpZXMvY29udGVudFwiO1xuXG5jb25zdCBrZXlmcmFtZVF1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oXCIva2V5ZnJhbWVzL2tleWZyYW1lXCIpLFxuICAgICAgaWRlbnRpZmllclF1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oXCIva2V5ZnJhbWVzL0BpZGVudGlmaWVyXCIpO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBLZXlmcmFtZXMge1xuICBjb25zdHJ1Y3RvcihhcnJheSwgaWRlbnRpZmllcikge1xuICAgIHRoaXMuYXJyYXkgPSBhcnJheTtcbiAgICB0aGlzLmlkZW50aWZpZXIgPSBpZGVudGlmaWVyO1xuICB9XG5cbiAgZ2V0SWRlbnRpZmllcigpIHtcbiAgICByZXR1cm4gdGhpcy5pZGVudGlmaWVyO1xuICB9XG5cbiAgYXNDU1MoaW5kZW50KSB7XG4gICAgaW5kZW50ID0gaW5kZW50ICsgVFdPX1NQQUNFUztcblxuICAgIGNvbnN0IGtleWZyYW1lc0NTUyA9IHRoaXMuYXJyYXkucmVkdWNlKChrZXlmcmFtZXNDU1MsIGtleWZyYW1lKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBrZXlmcmFtZUNTUyA9IGtleWZyYW1lLmFzQ1NTKGluZGVudCk7XG5cbiAgICAgICAgICAgIGtleWZyYW1lc0NTUyArPSBrZXlmcmFtZUNTUztcblxuICAgICAgICAgICAgcmV0dXJuIGtleWZyYW1lc0NTUztcbiAgICAgICAgICB9LCBFTVBUWV9TVFJJTkcpLFxuICAgICAgICAgIGNzcyA9IGBAa2V5ZnJhbWVzICR7dGhpcy5pZGVudGlmaWVyfSB7XG4ke2tleWZyYW1lc0NTU319XG5cbmA7XG5cbiAgICByZXR1cm4gY3NzO1xuICB9XG5cbiAgc3RhdGljIGZyb21Ob2RlQW5kVG9rZW5zKG5vZGUsIHRva2Vucykge1xuICAgIGNvbnN0IGtleWZyYW1lTm9kZXMgPSBrZXlmcmFtZVF1ZXJ5LmV4ZWN1dGUobm9kZSksXG4gICAgICAgICAgYXJyYXkgPSBrZXlmcmFtZU5vZGVzLm1hcCgoa2V5ZnJhbWVOb2RlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBub2RlID0ga2V5ZnJhbWVOb2RlLCAvLy9cbiAgICAgICAgICAgICAgICAgIGtleWZyYW1lID0gS2V5ZnJhbWUuZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKTtcblxuICAgICAgICAgICAgcmV0dXJuIGtleWZyYW1lO1xuICAgICAgICAgIH0pLFxuICAgICAgICAgIGlkZW50aWZpZXJDb250ZW50ID0gY29udGVudEZyb21RdWVyeU5vZGVBbmRUb2tlbnMoaWRlbnRpZmllclF1ZXJ5LCBub2RlLCB0b2tlbnMpLFxuICAgICAgICAgIGlkZW50aWZpZXIgPSBpZGVudGlmaWVyQ29udGVudCwgLy8vXG4gICAgICAgICAga2V5ZnJhbWVzID0gbmV3IEtleWZyYW1lcyhhcnJheSwgaWRlbnRpZmllcik7XG5cbiAgICByZXR1cm4ga2V5ZnJhbWVzO1xuICB9XG59XG4iLCJSZWFjdC5jcmVhdGVFbGVtZW50Il0sIm5hbWVzIjpbImtleWZyYW1lUXVlcnkiLCJRdWVyeSIsImZyb21FeHByZXNzaW9uIiwiaWRlbnRpZmllclF1ZXJ5IiwiS2V5ZnJhbWVzIiwiYXJyYXkiLCJpZGVudGlmaWVyIiwiZ2V0SWRlbnRpZmllciIsImFzQ1NTIiwiaW5kZW50IiwiVFdPX1NQQUNFUyIsImtleWZyYW1lc0NTUyIsInJlZHVjZSIsImtleWZyYW1lIiwia2V5ZnJhbWVDU1MiLCJFTVBUWV9TVFJJTkciLCJjc3MiLCJmcm9tTm9kZUFuZFRva2VucyIsIm5vZGUiLCJ0b2tlbnMiLCJrZXlmcmFtZU5vZGVzIiwiZXhlY3V0ZSIsIm1hcCIsImtleWZyYW1lTm9kZSIsIktleWZyYW1lIiwiaWRlbnRpZmllckNvbnRlbnQiLCJjb250ZW50RnJvbVF1ZXJ5Tm9kZUFuZFRva2VucyIsImtleWZyYW1lcyJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OztBQUVTLElBQUEsV0FBYSxXQUFiLGFBQWEsQ0FBQTtBQUVkLElBQUEsU0FBWSxrQ0FBWixZQUFZLEVBQUE7QUFFUSxJQUFBLFVBQWMsV0FBZCxjQUFjLENBQUE7QUFDVCxJQUFBLFFBQXNCLFdBQXRCLHNCQUFzQixDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRXBFLElBQU1BLGFBQWEsR0FBR0MsV0FBSyxNQUFBLENBQUNDLGNBQWMsQ0FBQyxxQkFBcUIsQ0FBQyxFQUMzREMsZUFBZSxHQUFHRixXQUFLLE1BQUEsQ0FBQ0MsY0FBYyxDQUFDLHdCQUF3QixDQUFDLEFBQUM7QUFFeEQsSUFBQSxBQUFNRSxTQUFTLGlCQUFmO2FBQU1BLFNBQVMsQ0FDaEJDLEtBQUssRUFBRUMsVUFBVTs7UUFDM0IsSUFBSSxDQUFDRCxLQUFLLEdBQUdBLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUNDLFVBQVUsR0FBR0EsVUFBVSxDQUFDOzs7O1lBRy9CQyxHQUFhLEVBQWJBLGVBQWE7bUJBQWJBLFNBQUFBLGFBQWEsR0FBRztnQkFDZCxPQUFPLElBQUksQ0FBQ0QsVUFBVSxDQUFDO2FBQ3hCOzs7WUFFREUsR0FBSyxFQUFMQSxPQUFLO21CQUFMQSxTQUFBQSxLQUFLLENBQUNDLE1BQU0sRUFBRTtnQkFDWkEsTUFBTSxHQUFHQSxNQUFNLEdBQUdDLFVBQVUsV0FBQSxDQUFDO2dCQUU3QixJQUFNQyxhQUFZLEdBQUcsSUFBSSxDQUFDTixLQUFLLENBQUNPLE1BQU0sQ0FBQyxTQUFDRCxZQUFZLEVBQUVFLFFBQVEsRUFBSztvQkFDM0QsSUFBTUMsV0FBVyxHQUFHRCxRQUFRLENBQUNMLEtBQUssQ0FBQ0MsTUFBTSxDQUFDLEFBQUM7b0JBRTNDRSxZQUFZLElBQUlHLFdBQVcsQ0FBQztvQkFFNUIsT0FBT0gsWUFBWSxDQUFDO2lCQUNyQixFQUFFSSxVQUFZLGFBQUEsQ0FBQyxFQUNoQkMsR0FBRyxHQUFHLEFBQUMsYUFBVyxDQUMxQkwsTUFBWSxDQURnQixJQUFJLENBQUNMLFVBQVUsRUFBQyxNQUM5QyxDQUFlLENBQUEsTUFFZixDQUZFSyxhQUFZLEVBQUMsT0FFZixDQUFDLEFBQUM7Z0JBRUUsT0FBT0ssR0FBRyxDQUFDO2FBQ1o7Ozs7WUFFTUMsR0FBaUIsRUFBakJBLG1CQUFpQjttQkFBeEIsU0FBT0EsaUJBQWlCLENBQUNDLElBQUksRUFBRUMsTUFBTSxFQUFFO2dCQUNyQyxJQUFNQyxhQUFhLEdBQUdwQixhQUFhLENBQUNxQixPQUFPLENBQUNILElBQUksQ0FBQyxFQUMzQ2IsS0FBSyxHQUFHZSxhQUFhLENBQUNFLEdBQUcsQ0FBQyxTQUFDQyxZQUFZLEVBQUs7b0JBQzFDLElBQU1MLE1BQUksR0FBR0ssWUFBWSxFQUNuQlYsUUFBUSxHQUFHVyxTQUFRLFFBQUEsQ0FBQ1AsaUJBQWlCLENBQUNDLE1BQUksRUFBRUMsTUFBTSxDQUFDLEFBQUM7b0JBRTFELE9BQU9OLFFBQVEsQ0FBQztpQkFDakIsQ0FBQyxFQUNGWSxpQkFBaUIsR0FBR0MsQ0FBQUEsR0FBQUEsUUFBNkIsQUFBK0IsQ0FBQSw4QkFBL0IsQ0FBQ3ZCLGVBQWUsRUFBRWUsSUFBSSxFQUFFQyxNQUFNLENBQUMsRUFDaEZiLFVBQVUsR0FBR21CLGlCQUFpQixFQUM5QkUsU0FBUyxHQUFHLElBQUl2QixTQUFTLENBQUNDLEtBQUssRUFBRUMsVUFBVSxDQUFDLEFBQUM7Z0JBRW5ELE9BQU9xQixTQUFTLENBQUM7YUFDbEI7Ozs7Q0FDRixFQUFBO2tCQTFDb0J2QixTQUFTIn0=
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
exports.default = void 0;
|
|
6
|
+
var _occamQuery = require("occam-query");
|
|
7
|
+
var _keyframes = _interopRequireDefault(require("./keyframes"));
|
|
8
|
+
var _constants = require("../constants");
|
|
9
|
+
function _classCallCheck(instance, Constructor) {
|
|
10
|
+
if (!(instance instanceof Constructor)) {
|
|
11
|
+
throw new TypeError("Cannot call a class as a function");
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
function _defineProperties(target, props) {
|
|
15
|
+
for(var i = 0; i < props.length; i++){
|
|
16
|
+
var descriptor = props[i];
|
|
17
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
18
|
+
descriptor.configurable = true;
|
|
19
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
20
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
24
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
25
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
26
|
+
return Constructor;
|
|
27
|
+
}
|
|
28
|
+
function _interopRequireDefault(obj) {
|
|
29
|
+
return obj && obj.__esModule ? obj : {
|
|
30
|
+
default: obj
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
var keyframesQuery = _occamQuery.Query.fromExpression("/stylesheet/keyframes");
|
|
34
|
+
var Keyframess = /*#__PURE__*/ function() {
|
|
35
|
+
function Keyframess(array) {
|
|
36
|
+
_classCallCheck(this, Keyframess);
|
|
37
|
+
this.array = array;
|
|
38
|
+
}
|
|
39
|
+
_createClass(Keyframess, [
|
|
40
|
+
{
|
|
41
|
+
key: "unshift",
|
|
42
|
+
value: function unshift(keyframess) {
|
|
43
|
+
///
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
key: "forEach",
|
|
48
|
+
value: function forEach(callback) {
|
|
49
|
+
this.array.forEach(callback);
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
key: "asCSS",
|
|
54
|
+
value: function asCSS(className, indent) {
|
|
55
|
+
var css1 = this.array.reduce(function(css, keyframes) {
|
|
56
|
+
var keyframesCSS = keyframes.asCSS(indent);
|
|
57
|
+
css += keyframesCSS;
|
|
58
|
+
return css;
|
|
59
|
+
}, _constants.EMPTY_STRING);
|
|
60
|
+
return css1;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
], [
|
|
64
|
+
{
|
|
65
|
+
key: "fromNodeAndTokens",
|
|
66
|
+
value: function fromNodeAndTokens(node, tokens) {
|
|
67
|
+
var keyframesNodes = keyframesQuery.execute(node), array = keyframesNodes.map(function(keyframesNode) {
|
|
68
|
+
var _$node = keyframesNode, keyframes = _keyframes.default.fromNodeAndTokens(_$node, tokens);
|
|
69
|
+
return keyframes;
|
|
70
|
+
}), keyframess = new Keyframess(array);
|
|
71
|
+
return keyframess;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
]);
|
|
75
|
+
return Keyframess;
|
|
76
|
+
}();
|
|
77
|
+
exports.default = Keyframess;
|
|
78
|
+
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZS9rZXlmcmFtZXNzLmpzIiwiPDxqc3gtY29uZmlnLXByYWdtYS5qcz4+Il0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgeyBRdWVyeSB9IGZyb20gXCJvY2NhbS1xdWVyeVwiO1xuXG5pbXBvcnQgS2V5ZnJhbWVzIGZyb20gXCIuL2tleWZyYW1lc1wiO1xuXG5pbXBvcnQgeyBFTVBUWV9TVFJJTkcgfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5cbmNvbnN0IGtleWZyYW1lc1F1ZXJ5ID0gUXVlcnkuZnJvbUV4cHJlc3Npb24oXCIvc3R5bGVzaGVldC9rZXlmcmFtZXNcIik7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIEtleWZyYW1lc3Mge1xuICBjb25zdHJ1Y3RvcihhcnJheSkge1xuICAgIHRoaXMuYXJyYXkgPSBhcnJheTtcbiAgfVxuXG4gIHVuc2hpZnQoa2V5ZnJhbWVzcykge1xuICAgIC8vL1xuICB9XG5cbiAgZm9yRWFjaChjYWxsYmFjaykge1xuICAgIHRoaXMuYXJyYXkuZm9yRWFjaChjYWxsYmFjayk7XG4gIH1cblxuICBhc0NTUyhjbGFzc05hbWUsIGluZGVudCkge1xuICAgIGNvbnN0IGNzcyA9IHRoaXMuYXJyYXkucmVkdWNlKChjc3MsIGtleWZyYW1lcykgPT4ge1xuICAgICAgY29uc3Qga2V5ZnJhbWVzQ1NTID0ga2V5ZnJhbWVzLmFzQ1NTKGluZGVudCk7XG5cbiAgICAgIGNzcyArPSBrZXlmcmFtZXNDU1M7XG5cbiAgICAgIHJldHVybiBjc3M7XG4gICAgfSwgRU1QVFlfU1RSSU5HKTtcblxuICAgIHJldHVybiBjc3M7XG4gIH1cblxuICBzdGF0aWMgZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKSB7XG4gICAgY29uc3Qga2V5ZnJhbWVzTm9kZXMgPSBrZXlmcmFtZXNRdWVyeS5leGVjdXRlKG5vZGUpLFxuICAgICAgICAgIGFycmF5ID0ga2V5ZnJhbWVzTm9kZXMubWFwKChrZXlmcmFtZXNOb2RlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBub2RlID0ga2V5ZnJhbWVzTm9kZSwgLy8vXG4gICAgICAgICAgICAgICAgICBrZXlmcmFtZXMgPSBLZXlmcmFtZXMuZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKTtcblxuICAgICAgICAgICAgcmV0dXJuIGtleWZyYW1lcztcbiAgICAgICAgICB9KSxcbiAgICAgICAgICBrZXlmcmFtZXNzID0gbmV3IEtleWZyYW1lc3MoYXJyYXkpO1xuXG4gICAgcmV0dXJuIGtleWZyYW1lc3M7XG4gIH1cbn1cbiIsIlJlYWN0LmNyZWF0ZUVsZW1lbnQiXSwibmFtZXMiOlsia2V5ZnJhbWVzUXVlcnkiLCJRdWVyeSIsImZyb21FeHByZXNzaW9uIiwiS2V5ZnJhbWVzcyIsImFycmF5IiwidW5zaGlmdCIsImtleWZyYW1lc3MiLCJmb3JFYWNoIiwiY2FsbGJhY2siLCJhc0NTUyIsImNsYXNzTmFtZSIsImluZGVudCIsImNzcyIsInJlZHVjZSIsImtleWZyYW1lcyIsImtleWZyYW1lc0NTUyIsIkVNUFRZX1NUUklORyIsImZyb21Ob2RlQW5kVG9rZW5zIiwibm9kZSIsInRva2VucyIsImtleWZyYW1lc05vZGVzIiwiZXhlY3V0ZSIsIm1hcCIsImtleWZyYW1lc05vZGUiLCJLZXlmcmFtZXMiXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7Ozs7QUFFUyxJQUFBLFdBQWEsV0FBYixhQUFhLENBQUE7QUFFYixJQUFBLFVBQWEsa0NBQWIsYUFBYSxFQUFBO0FBRU4sSUFBQSxVQUFjLFdBQWQsY0FBYyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRTNDLElBQU1BLGNBQWMsR0FBR0MsV0FBSyxNQUFBLENBQUNDLGNBQWMsQ0FBQyx1QkFBdUIsQ0FBQyxBQUFDO0FBRXRELElBQUEsQUFBTUMsVUFBVSxpQkFBaEI7YUFBTUEsVUFBVSxDQUNqQkMsS0FBSzs7UUFDZixJQUFJLENBQUNBLEtBQUssR0FBR0EsS0FBSyxDQUFDOzs7O1lBR3JCQyxHQUFPLEVBQVBBLFNBQU87bUJBQVBBLFNBQUFBLE9BQU8sQ0FBQ0MsVUFBVSxFQUFFO1lBQ2xCLEdBQUc7YUFDSjs7O1lBRURDLEdBQU8sRUFBUEEsU0FBTzttQkFBUEEsU0FBQUEsT0FBTyxDQUFDQyxRQUFRLEVBQUU7Z0JBQ2hCLElBQUksQ0FBQ0osS0FBSyxDQUFDRyxPQUFPLENBQUNDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCOzs7WUFFREMsR0FBSyxFQUFMQSxPQUFLO21CQUFMQSxTQUFBQSxLQUFLLENBQUNDLFNBQVMsRUFBRUMsTUFBTSxFQUFFO2dCQUN2QixJQUFNQyxJQUFHLEdBQUcsSUFBSSxDQUFDUixLQUFLLENBQUNTLE1BQU0sQ0FBQyxTQUFDRCxHQUFHLEVBQUVFLFNBQVMsRUFBSztvQkFDaEQsSUFBTUMsWUFBWSxHQUFHRCxTQUFTLENBQUNMLEtBQUssQ0FBQ0UsTUFBTSxDQUFDLEFBQUM7b0JBRTdDQyxHQUFHLElBQUlHLFlBQVksQ0FBQztvQkFFcEIsT0FBT0gsR0FBRyxDQUFDO2lCQUNaLEVBQUVJLFVBQVksYUFBQSxDQUFDLEFBQUM7Z0JBRWpCLE9BQU9KLElBQUcsQ0FBQzthQUNaOzs7O1lBRU1LLEdBQWlCLEVBQWpCQSxtQkFBaUI7bUJBQXhCLFNBQU9BLGlCQUFpQixDQUFDQyxJQUFJLEVBQUVDLE1BQU0sRUFBRTtnQkFDckMsSUFBTUMsY0FBYyxHQUFHcEIsY0FBYyxDQUFDcUIsT0FBTyxDQUFDSCxJQUFJLENBQUMsRUFDN0NkLEtBQUssR0FBR2dCLGNBQWMsQ0FBQ0UsR0FBRyxDQUFDLFNBQUNDLGFBQWEsRUFBSztvQkFDNUMsSUFBTUwsTUFBSSxHQUFHSyxhQUFhLEVBQ3BCVCxTQUFTLEdBQUdVLFVBQVMsUUFBQSxDQUFDUCxpQkFBaUIsQ0FBQ0MsTUFBSSxFQUFFQyxNQUFNLENBQUMsQUFBQztvQkFFNUQsT0FBT0wsU0FBUyxDQUFDO2lCQUNsQixDQUFDLEVBQ0ZSLFVBQVUsR0FBRyxJQUFJSCxVQUFVLENBQUNDLEtBQUssQ0FBQyxBQUFDO2dCQUV6QyxPQUFPRSxVQUFVLENBQUM7YUFDbkI7Ozs7Q0FDRixFQUFBO2tCQXJDb0JILFVBQVUifQ==
|
package/lib/style.js
CHANGED
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
exports.default = void 0;
|
|
6
6
|
var _medias = _interopRequireDefault(require("./style/medias"));
|
|
7
7
|
var _ruleSets = _interopRequireDefault(require("./style/ruleSets"));
|
|
8
|
+
var _keyframess = _interopRequireDefault(require("./style/keyframess"));
|
|
8
9
|
var _declarations = _interopRequireDefault(require("./style/declarations"));
|
|
9
10
|
var _constants = require("./constants");
|
|
10
11
|
function _classCallCheck(instance, Constructor) {
|
|
@@ -32,9 +33,10 @@ function _interopRequireDefault(obj) {
|
|
|
32
33
|
};
|
|
33
34
|
}
|
|
34
35
|
var Style = /*#__PURE__*/ function() {
|
|
35
|
-
function Style(declarations, ruleSets, medias) {
|
|
36
|
+
function Style(declarations, keyframess, ruleSets, medias) {
|
|
36
37
|
_classCallCheck(this, Style);
|
|
37
38
|
this.declarations = declarations;
|
|
39
|
+
this.keyframess = keyframess;
|
|
38
40
|
this.ruleSets = ruleSets;
|
|
39
41
|
this.medias = medias;
|
|
40
42
|
}
|
|
@@ -45,6 +47,12 @@ var Style = /*#__PURE__*/ function() {
|
|
|
45
47
|
return this.declarations;
|
|
46
48
|
}
|
|
47
49
|
},
|
|
50
|
+
{
|
|
51
|
+
key: "getKeyframess",
|
|
52
|
+
value: function getKeyframess() {
|
|
53
|
+
return this.keyframess;
|
|
54
|
+
}
|
|
55
|
+
},
|
|
48
56
|
{
|
|
49
57
|
key: "getRuleSets",
|
|
50
58
|
value: function getRuleSets() {
|
|
@@ -60,14 +68,15 @@ var Style = /*#__PURE__*/ function() {
|
|
|
60
68
|
{
|
|
61
69
|
key: "extends",
|
|
62
70
|
value: function _extends(superStyle) {
|
|
63
|
-
var declarations = superStyle.getDeclarations(), ruleSets = superStyle.getRuleSets(), medias = superStyle.getMedias();
|
|
64
|
-
this.unshift(declarations, ruleSets, medias);
|
|
71
|
+
var declarations = superStyle.getDeclarations(), keyframess = superStyle.getKeyframess(), ruleSets = superStyle.getRuleSets(), medias = superStyle.getMedias();
|
|
72
|
+
this.unshift(declarations, keyframess, ruleSets, medias);
|
|
65
73
|
}
|
|
66
74
|
},
|
|
67
75
|
{
|
|
68
76
|
key: "unshift",
|
|
69
|
-
value: function unshift(declarations, ruleSets, medias) {
|
|
77
|
+
value: function unshift(declarations, keyframess, ruleSets, medias) {
|
|
70
78
|
this.declarations.unshift(declarations);
|
|
79
|
+
this.keyframess.unshift(keyframess);
|
|
71
80
|
this.ruleSets.unshift(ruleSets);
|
|
72
81
|
this.medias.unshift(medias);
|
|
73
82
|
}
|
|
@@ -75,7 +84,7 @@ var Style = /*#__PURE__*/ function() {
|
|
|
75
84
|
{
|
|
76
85
|
key: "asCSS",
|
|
77
86
|
value: function asCSS(className) {
|
|
78
|
-
var indent = _constants.EMPTY_STRING, declarationsCSS = this.declarations.asCSS(className, indent), ruleSetsCSS = this.ruleSets.asCSS(className, indent), mediasCSS = this.medias.asCSS(className, indent), css = "".concat(declarationsCSS).concat(ruleSetsCSS).concat(mediasCSS);
|
|
87
|
+
var indent = _constants.EMPTY_STRING, declarationsCSS = this.declarations.asCSS(className, indent), keyframessCSS = this.keyframess.asCSS(className, indent), ruleSetsCSS = this.ruleSets.asCSS(className, indent), mediasCSS = this.medias.asCSS(className, indent), css = "".concat(declarationsCSS).concat(keyframessCSS).concat(ruleSetsCSS).concat(mediasCSS);
|
|
79
88
|
return css;
|
|
80
89
|
}
|
|
81
90
|
}
|
|
@@ -83,7 +92,7 @@ var Style = /*#__PURE__*/ function() {
|
|
|
83
92
|
{
|
|
84
93
|
key: "fromNodeAndTokens",
|
|
85
94
|
value: function fromNodeAndTokens(node, tokens) {
|
|
86
|
-
var declarations = _declarations.default.fromNodeAndTokens(node, tokens), ruleSets = _ruleSets.default.fromNodeAndTokens(node, tokens), medias = _medias.default.fromNodeAndTokens(node, tokens), style = new Style(declarations, ruleSets, medias);
|
|
95
|
+
var declarations = _declarations.default.fromNodeAndTokens(node, tokens), keyframess = _keyframess.default.fromNodeAndTokens(node, tokens), ruleSets = _ruleSets.default.fromNodeAndTokens(node, tokens), medias = _medias.default.fromNodeAndTokens(node, tokens), style = new Style(declarations, keyframess, ruleSets, medias);
|
|
87
96
|
return style;
|
|
88
97
|
}
|
|
89
98
|
}
|
|
@@ -92,4 +101,4 @@ var Style = /*#__PURE__*/ function() {
|
|
|
92
101
|
}();
|
|
93
102
|
exports.default = Style;
|
|
94
103
|
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZS5qcyIsIjw8anN4LWNvbmZpZy1wcmFnbWEuanM+
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9zdHlsZS5qcyIsIjw8anN4LWNvbmZpZy1wcmFnbWEuanM+PiJdLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IE1lZGlhcyBmcm9tIFwiLi9zdHlsZS9tZWRpYXNcIjtcbmltcG9ydCBSdWxlU2V0cyBmcm9tIFwiLi9zdHlsZS9ydWxlU2V0c1wiO1xuaW1wb3J0IEtleWZyYW1lc3MgZnJvbSBcIi4vc3R5bGUva2V5ZnJhbWVzc1wiO1xuaW1wb3J0IERlY2xhcmF0aW9ucyBmcm9tIFwiLi9zdHlsZS9kZWNsYXJhdGlvbnNcIjtcblxuaW1wb3J0IHsgRU1QVFlfU1RSSU5HIH0gZnJvbSBcIi4vY29uc3RhbnRzXCI7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFN0eWxlIHtcbiAgY29uc3RydWN0b3IoZGVjbGFyYXRpb25zLCBrZXlmcmFtZXNzLCBydWxlU2V0cywgbWVkaWFzKSB7XG4gICAgdGhpcy5kZWNsYXJhdGlvbnMgPSBkZWNsYXJhdGlvbnM7XG4gICAgdGhpcy5rZXlmcmFtZXNzID0ga2V5ZnJhbWVzcztcbiAgICB0aGlzLnJ1bGVTZXRzID0gcnVsZVNldHM7XG4gICAgdGhpcy5tZWRpYXMgPSBtZWRpYXM7XG4gIH1cblxuICBnZXREZWNsYXJhdGlvbnMoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGVjbGFyYXRpb25zO1xuICB9XG5cbiAgZ2V0S2V5ZnJhbWVzcygpIHtcbiAgICByZXR1cm4gdGhpcy5rZXlmcmFtZXNzO1xuICB9XG5cbiAgZ2V0UnVsZVNldHMoKSB7XG4gICAgcmV0dXJuIHRoaXMucnVsZVNldHM7XG4gIH1cblxuICBnZXRNZWRpYXMoKSB7XG4gICAgcmV0dXJuIHRoaXMubWVkaWFzO1xuICB9XG5cbiAgZXh0ZW5kcyhzdXBlclN0eWxlKSB7XG4gICAgY29uc3QgZGVjbGFyYXRpb25zID0gc3VwZXJTdHlsZS5nZXREZWNsYXJhdGlvbnMoKSxcbiAgICAgICAgICBrZXlmcmFtZXNzID0gc3VwZXJTdHlsZS5nZXRLZXlmcmFtZXNzKCksXG4gICAgICAgICAgcnVsZVNldHMgPSBzdXBlclN0eWxlLmdldFJ1bGVTZXRzKCksXG4gICAgICAgICAgbWVkaWFzID0gc3VwZXJTdHlsZS5nZXRNZWRpYXMoKTtcblxuICAgIHRoaXMudW5zaGlmdChkZWNsYXJhdGlvbnMsIGtleWZyYW1lc3MsIHJ1bGVTZXRzLCBtZWRpYXMpO1xuICB9XG5cbiAgdW5zaGlmdChkZWNsYXJhdGlvbnMsIGtleWZyYW1lc3MsIHJ1bGVTZXRzLCBtZWRpYXMpIHtcbiAgICB0aGlzLmRlY2xhcmF0aW9ucy51bnNoaWZ0KGRlY2xhcmF0aW9ucyk7XG4gICAgdGhpcy5rZXlmcmFtZXNzLnVuc2hpZnQoa2V5ZnJhbWVzcyk7XG4gICAgdGhpcy5ydWxlU2V0cy51bnNoaWZ0KHJ1bGVTZXRzKTtcbiAgICB0aGlzLm1lZGlhcy51bnNoaWZ0KG1lZGlhcyk7XG4gIH1cblxuICBhc0NTUyhjbGFzc05hbWUpIHtcbiAgICBjb25zdCBpbmRlbnQgPSBFTVBUWV9TVFJJTkcsXG4gICAgICAgICAgZGVjbGFyYXRpb25zQ1NTID0gdGhpcy5kZWNsYXJhdGlvbnMuYXNDU1MoY2xhc3NOYW1lLCBpbmRlbnQpLFxuICAgICAgICAgIGtleWZyYW1lc3NDU1MgPSB0aGlzLmtleWZyYW1lc3MuYXNDU1MoY2xhc3NOYW1lLCBpbmRlbnQpLFxuICAgICAgICAgIHJ1bGVTZXRzQ1NTID0gdGhpcy5ydWxlU2V0cy5hc0NTUyhjbGFzc05hbWUsIGluZGVudCksXG4gICAgICAgICAgbWVkaWFzQ1NTID0gdGhpcy5tZWRpYXMuYXNDU1MoY2xhc3NOYW1lLCBpbmRlbnQpLFxuICAgICAgICAgIGNzcyA9IGAke2RlY2xhcmF0aW9uc0NTU30ke2tleWZyYW1lc3NDU1N9JHtydWxlU2V0c0NTU30ke21lZGlhc0NTU31gO1xuXG4gICAgcmV0dXJuIGNzcztcbiAgfVxuXG4gIHN0YXRpYyBmcm9tTm9kZUFuZFRva2Vucyhub2RlLCB0b2tlbnMpIHtcbiAgICBjb25zdCBkZWNsYXJhdGlvbnMgPSBEZWNsYXJhdGlvbnMuZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKSxcbiAgICAgICAgICBrZXlmcmFtZXNzID0gS2V5ZnJhbWVzcy5mcm9tTm9kZUFuZFRva2Vucyhub2RlLCB0b2tlbnMpLFxuICAgICAgICAgIHJ1bGVTZXRzID0gUnVsZVNldHMuZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKSxcbiAgICAgICAgICBtZWRpYXMgPSBNZWRpYXMuZnJvbU5vZGVBbmRUb2tlbnMobm9kZSwgdG9rZW5zKSxcbiAgICAgICAgICBzdHlsZSA9IG5ldyBTdHlsZShkZWNsYXJhdGlvbnMsIGtleWZyYW1lc3MsIHJ1bGVTZXRzLCBtZWRpYXMpO1xuXG4gICAgcmV0dXJuIHN0eWxlO1xuICB9XG59XG4iLCJSZWFjdC5jcmVhdGVFbGVtZW50Il0sIm5hbWVzIjpbIlN0eWxlIiwiZGVjbGFyYXRpb25zIiwia2V5ZnJhbWVzcyIsInJ1bGVTZXRzIiwibWVkaWFzIiwiZ2V0RGVjbGFyYXRpb25zIiwiZ2V0S2V5ZnJhbWVzcyIsImdldFJ1bGVTZXRzIiwiZ2V0TWVkaWFzIiwiZXh0ZW5kcyIsInN1cGVyU3R5bGUiLCJ1bnNoaWZ0IiwiYXNDU1MiLCJjbGFzc05hbWUiLCJpbmRlbnQiLCJFTVBUWV9TVFJJTkciLCJkZWNsYXJhdGlvbnNDU1MiLCJrZXlmcmFtZXNzQ1NTIiwicnVsZVNldHNDU1MiLCJtZWRpYXNDU1MiLCJjc3MiLCJmcm9tTm9kZUFuZFRva2VucyIsIm5vZGUiLCJ0b2tlbnMiLCJEZWNsYXJhdGlvbnMiLCJLZXlmcmFtZXNzIiwiUnVsZVNldHMiLCJNZWRpYXMiLCJzdHlsZSJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OztBQUVNLElBQUEsT0FBZ0Isa0NBQWhCLGdCQUFnQixFQUFBO0FBQ2QsSUFBQSxTQUFrQixrQ0FBbEIsa0JBQWtCLEVBQUE7QUFDaEIsSUFBQSxXQUFvQixrQ0FBcEIsb0JBQW9CLEVBQUE7QUFDbEIsSUFBQSxhQUFzQixrQ0FB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
|
package/package.json
CHANGED
package/src/css/bnf.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
const bnf = `
|
|
4
4
|
|
|
5
|
-
stylesheet ::= ( media | ruleSet | declaration | error )+ ;
|
|
5
|
+
stylesheet ::= ( media | ruleSet | keyframes | declaration | error )+ ;
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
media ::= "@media" mediaQueries "{" ( ruleSet | declaration )* "}" ;
|
|
@@ -11,6 +11,9 @@ const bnf = `
|
|
|
11
11
|
ruleSet ::= selectors "{" declaration* "}" ;
|
|
12
12
|
|
|
13
13
|
|
|
14
|
+
keyframes ::= "@keyframes" [identifier] "{" keyframe+ "}" ;
|
|
15
|
+
|
|
16
|
+
|
|
14
17
|
declaration ::= propertyName ":" propertyValues important? ";" ;
|
|
15
18
|
|
|
16
19
|
|
|
@@ -26,6 +29,9 @@ const bnf = `
|
|
|
26
29
|
selectors ::= selector ( "," selector )* ;
|
|
27
30
|
|
|
28
31
|
|
|
32
|
+
keyframe ::= [percentage] "{" declaration+ "}" ;
|
|
33
|
+
|
|
34
|
+
|
|
29
35
|
mediaQuery ::= ( "not"? mediaType "and" )? mediaFeatures
|
|
30
36
|
|
|
31
37
|
| "not"? mediaType
|
package/src/css/entries.js
CHANGED
package/src/example.js
CHANGED
|
@@ -32,6 +32,12 @@ generateStyle([[`
|
|
|
32
32
|
display: block;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
@keyframes redish {
|
|
36
|
+
0% { color: darkred; }
|
|
37
|
+
50% { color: red; }
|
|
38
|
+
100% { color: lightred; }
|
|
39
|
+
}
|
|
40
|
+
|
|
35
41
|
@media (min-width: 640px) {
|
|
36
42
|
|
|
37
43
|
padding-top: 1rem;
|
|
@@ -63,6 +69,12 @@ generateStyle([[`
|
|
|
63
69
|
overflow-wrap: normal;
|
|
64
70
|
background-color: transparent;
|
|
65
71
|
|
|
72
|
+
@keyframes blueish {
|
|
73
|
+
0% { color: darkblue; }
|
|
74
|
+
50% { color: blue; }
|
|
75
|
+
100% { color: lightblue; }
|
|
76
|
+
}
|
|
77
|
+
|
|
66
78
|
::selection { background-color: transparent; }
|
|
67
79
|
|
|
68
80
|
${monospaceFontMixin}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Query } from "occam-query";
|
|
4
|
+
import { arrayUtilities } from "necessary";
|
|
5
|
+
|
|
6
|
+
import Declaration from "./declaration";
|
|
7
|
+
|
|
8
|
+
import { contentFromQueryNodeAndTokens } from "../utilities/content";
|
|
9
|
+
|
|
10
|
+
const percentageQuery = Query.fromExpression("/*/@percentage"),
|
|
11
|
+
declarationQuery = Query.fromExpression("/*/declaration");
|
|
12
|
+
|
|
13
|
+
const { first } = arrayUtilities;
|
|
14
|
+
|
|
15
|
+
export default class Keyframe {
|
|
16
|
+
constructor(percentage, declaration) {
|
|
17
|
+
this.percentage = percentage;
|
|
18
|
+
this.declaration = declaration;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
getPercentage() {
|
|
22
|
+
return this.percentage;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
getDeclaration() {
|
|
26
|
+
return this.declaration;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
asCSS(indent) {
|
|
30
|
+
const declarationCSS = this.declaration.asCSS(indent),
|
|
31
|
+
css = `${indent}${this.percentage} {
|
|
32
|
+
${declarationCSS}${indent}}\n`;
|
|
33
|
+
|
|
34
|
+
return css;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
static fromNodeAndTokens(node, tokens) {
|
|
38
|
+
const percentageContent = contentFromQueryNodeAndTokens(percentageQuery, node, tokens),
|
|
39
|
+
percentage = percentageContent, ///
|
|
40
|
+
declarationNodes = declarationQuery.execute(node),
|
|
41
|
+
firstDeclarationNode = first(declarationNodes),
|
|
42
|
+
declarationNode = firstDeclarationNode; ///
|
|
43
|
+
|
|
44
|
+
node = declarationNode; ///
|
|
45
|
+
|
|
46
|
+
const declaration = Declaration.fromNodeAndTokens(node, tokens),
|
|
47
|
+
keyframe = new Keyframe(percentage, declaration);
|
|
48
|
+
|
|
49
|
+
return keyframe;
|
|
50
|
+
}
|
|
51
|
+
}
|