[css-animations] Throw SyntaxError if keyText value is invalid

--HG--
extra : rebase_source : ed416a603d47700cca981d0d07897931773302a9

Author: Sylvain Galineau

css-animations/Overview.bs

@@ -20,7 +20,7 @@ Abstract: This CSS module describes a way for authors to animate the values of C
 
 At Risk: the <code>pseudoElement</code> property of the ''AnimationEvent'' interface
 
-Link Defaults: css-values-3 (type) <time>, cssom-1 (interface) cssstyledeclaration
+Link Defaults: css-values-3 (type) <time>, cssom-1 (interface) cssstyledeclaration, dom-core-ls (interface) event
 Ignored Terms: domstring, float, animationeventinit, event, eventinit, eventtarget, document
 </pre>
 
@@ -913,12 +913,15 @@ Attributes</h4>
 
 	<dl dfn-type=attribute dfn-for=csskeyframerule>
 
-		<dt><dfn>keyText</dfn>, of type <a interface>DOMString</a>
+		<dt><dfn attribute for="CSSKeyFramesRule">keyText</dfn>, of type <a interface>DOMString</a>
 		<dd>
 			This attribute represents the keyframe selector as a comma-separated list of
 			percentage values. The ''from'' and ''to'' keywords map to 0% and 100%,
 			respectively.
-
+            
+            If <a attribute for="CSSKeyFramesRule">keyText</a> is updated with an invalid keyframe selector, 
+            a <a spec="dom-core-ls">SyntaxError</a> exception must be thrown.
+ 
 		<dt><dfn>style</dfn>, of type <a interface>CSSStyleDeclaration</a>
 		<dd>
 			This attribute represents the style associated with this keyframe.

css-animations/Overview.html

@@ -921,7 +921,7 @@ <h4 class="heading settled heading" data-level=6.2.1 id=interface-csskeyframerul
 IDL Definition</span><a class=self-link href=#interface-csskeyframerule-idl></a></h4>
 
 	<pre class=idl>interface <dfn class=idl-code data-dfn-type=interface data-export="" data-global-name="" id=dom-csskeyframerule>CSSKeyframeRule<a class=self-link href=#dom-csskeyframerule></a></dfn> : <a data-link-type=idl href=http://dev.w3.org/csswg/cssom-1/#cssrule title=cssrule>CSSRule</a> {
-           attribute DOMString           <dfn class=idl-code data-dfn-for=CSSKeyframeRule data-dfn-type=attribute data-export="" data-global-name="CSSKeyframeRule<interface>/keytext<attribute>" id=dom-csskeyframerule-keytext0>keyText<a class=self-link href=#dom-csskeyframerule-keytext0></a></dfn>;
+           attribute DOMString           <dfn class=idl-code data-dfn-for=CSSKeyframeRule data-dfn-type=attribute data-export="" data-global-name="CSSKeyframeRule<interface>/keytext<attribute>" id=dom-csskeyframerule-keytext>keyText<a class=self-link href=#dom-csskeyframerule-keytext></a></dfn>;
   readonly attribute <a data-link-type=idl href=http://dev.w3.org/csswg/cssom-1/#cssstyledeclaration title=cssstyledeclaration>CSSStyleDeclaration</a> <dfn class=idl-code data-dfn-for=CSSKeyframeRule data-dfn-type=attribute data-export="" data-global-name="CSSKeyframeRule<interface>/style<attribute>" id=dom-csskeyframerule-style0>style<a class=self-link href=#dom-csskeyframerule-style0></a></dfn>;
 };
 </pre>
@@ -930,12 +930,15 @@ <h4 class="heading settled heading" data-level=6.2.2 id=interface-csskeyframerul
 
 	<dl data-dfn-for=csskeyframerule data-dfn-type=attribute>
 
-		<dt><dfn class=idl-code data-dfn-for=csskeyframerule data-dfn-type=attribute data-export="" id=dom-csskeyframerule-keytext>keyText<a class=self-link href=#dom-csskeyframerule-keytext></a></dfn>, of type <a class=idl-code data-link-type=interface title=domstring>DOMString</a>
+		<dt><dfn class=idl-code data-dfn-for=CSSKeyFramesRule data-dfn-type=attribute data-export="" id=dom-csskeyframesrule-keytext>keyText<a class=self-link href=#dom-csskeyframesrule-keytext></a></dfn>, of type <a class=idl-code data-link-type=interface title=domstring>DOMString</a>
 		<dd>
 			This attribute represents the keyframe selector as a comma-separated list of
 			percentage values. The <span class=css data-link-type=maybe title=from>from</span> and <span class=css data-link-type=maybe title=to>to</span> keywords map to 0% and 100%,
 			respectively.
-
+            
+<p>            If <a class=idl-code data-link-for=CSSKeyFramesRule data-link-type=attribute href=#dom-csskeyframesrule-keytext title=keytext>keyText</a> is updated with an invalid keyframe selector, 
+            a <a data-link-spec=dom-core-ls data-link-type=dfn href=http://dom.spec.whatwg.org/#syntaxerror title=syntaxerror>SyntaxError</a> exception must be thrown.
+ 
 		<dt><dfn class=idl-code data-dfn-for=csskeyframerule data-dfn-type=attribute data-export="" id=dom-csskeyframerule-style>style<a class=self-link href=#dom-csskeyframerule-style></a></dfn>, of type <a class=idl-code data-link-type=interface href=http://dev.w3.org/csswg/cssom-1/#cssstyledeclaration title=cssstyledeclaration>CSSStyleDeclaration</a>
 		<dd>
 			This attribute represents the style associated with this keyframe.
@@ -1273,8 +1276,8 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 </ul><li>KEYFRAME_RULE, <a href=#dom-cssrule-keyframe_rule title="section 6.1.1">6.1.1</a>
 <li>@keyframes, <a href=#at-ruledef-keyframes title="section 4">4</a>
 <li>KEYFRAMES_RULE, <a href=#dom-cssrule-keyframes_rule title="section 6.1.1">6.1.1</a>
-<li>keyText<ul><li>attribute for CSSKeyframeRule, <a href=#dom-csskeyframerule-keytext0 title="section 6.2.1">6.2.1</a>
-<li>attribute for csskeyframerule, <a href=#dom-csskeyframerule-keytext title="section 6.2.2">6.2.2</a>
+<li>keyText<ul><li>attribute for CSSKeyframeRule, <a href=#dom-csskeyframerule-keytext title="section 6.2.1">6.2.1</a>
+<li>attribute for CSSKeyFramesRule, <a href=#dom-csskeyframesrule-keytext title="section 6.2.2">6.2.2</a>
 </ul><li>name<ul><li>attribute for CSSKeyframesRule, <a href=#dom-csskeyframesrule-name0 title="section 6.3.1">6.3.1</a>
 <li>attribute for csskeyframesrule, <a href=#dom-csskeyframesrule-name title="section 6.3.2">6.3.2</a>
 </ul><li>none<ul><li>value for animation-name, <a href=#valuedef-none0 title="section 4.2">4.2</a>