|
951 | 951 | ] |
952 | 952 | }, |
953 | 953 | { |
954 | | - "name": "animation trigger type/alternate", |
955 | | - "href": "https://drafts.csswg.org/web-animations-2/#valdef-animation-trigger-type-alternate", |
956 | 954 | "html": "", |
957 | 955 | "rationale": ".switch", |
958 | 956 | "steps": [ |
|
961 | 959 | "steps": [ |
962 | 960 | { |
963 | 961 | "case": "if the did trigger flag is false,", |
964 | | - "html": "<p>The <a class=\"css\" data-link-type=\"maybe\" href=\"https://drafts.csswg.org/web-animations-2/#valdef-animation-trigger-state-primary\" id=\"ref-for-valdef-animation-trigger-state-primary③\">primary</a> behavior is <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#play-an-animation\" id=\"ref-for-play-an-animation③\">triggering</a> the associated animation.</p>" |
| 962 | + "html": "<p>The <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-primary\" id=\"ref-for-animation-trigger-state-primary③\">primary</a> behavior is <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#play-an-animation\" id=\"ref-for-play-an-animation③\">triggering</a> the associated animation.</p>" |
965 | 963 | }, |
966 | 964 | { |
967 | 965 | "case": "Otherwise,", |
968 | | - "html": "<p>The <a class=\"css\" data-link-type=\"maybe\" href=\"https://drafts.csswg.org/web-animations-2/#valdef-animation-trigger-state-primary\" id=\"ref-for-valdef-animation-trigger-state-primary④\">primary</a> behavior is <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-1/#reverse-an-animation\" id=\"ref-for-reverse-an-animation\">reversing</a> the associated animation.</p>" |
| 966 | + "html": "<p>The <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-primary\" id=\"ref-for-animation-trigger-state-primary④\">primary</a> behavior is <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-1/#reverse-an-animation\" id=\"ref-for-reverse-an-animation\">reversing</a> the associated animation.</p>" |
969 | 967 | } |
970 | 968 | ] |
971 | 969 | } |
|
979 | 977 | "operation": "switch", |
980 | 978 | "steps": [ |
981 | 979 | { |
982 | | - "case": "If state is animation trigger state/primary,", |
| 980 | + "case": "If state is primary,", |
983 | 981 | "html": "<p>Then <var>interval</var> is set to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#exit-range\" id=\"ref-for-exit-range①\">exit range</a>.</p>" |
984 | 982 | }, |
985 | 983 | { |
|
1040 | 1038 | "html": "<p>Let <var>did trigger</var> be a boolean flag that is initially false.</p>" |
1041 | 1039 | }, |
1042 | 1040 | { |
1043 | | - "html": "<p>Let <var>state</var> be the current <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state\" id=\"ref-for-animation-trigger-state④\">state</a> of <var>trigger</var> that is initially <span class=\"css\">animation trigger state/idle</span>.</p>" |
| 1041 | + "html": "<p>Let <var>state</var> be the current <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state\" id=\"ref-for-animation-trigger-state④\">state</a> of <var>trigger</var> that is initially <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-idle\" id=\"ref-for-animation-trigger-state-idle\">idle</a>.</p>" |
1044 | 1042 | }, |
1045 | 1043 | { |
1046 | 1044 | "html": "Set <var>state</var> as follows:", |
|
1055 | 1053 | }, |
1056 | 1054 | { |
1057 | 1055 | "case": "Otherwise,", |
1058 | | - "html": "<dl class=\"switch\">\n <dt data-md=\"\">If <var>type</var> is <span class=\"css\">animation trigger type/once</span> and <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Then abort this procedure.</p>\n </dd><dt data-md=\"\">Otherwise,\n </dt><dd data-md=\"\">\n <dl class=\"switch\">\n <dt data-md=\"\">If <var>trigger</var> is inside its <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-active-interval\" id=\"ref-for-animation-trigger-active-interval①⑨\">active interval</a>,\n </dt><dd data-md=\"\">\n \n </dd><dt data-md=\"\">Otherwise,\n </dt><dd data-md=\"\">\n <dl class=\"switch\">\n <dt data-md=\"\">If <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Set <var>state</var> to <span class=\"css\">animation trigger state/inverse</span>.</p>\n </dd></dl>\n </dd></dl>\n </dd></dl>", |
| 1056 | + "html": "<dl class=\"switch\">\n <dt data-md=\"\">If <var>type</var> is 'animation-trigger-type/once'' and <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Then abort this procedure.</p>\n </dd><dt data-md=\"\">Otherwise,\n </dt><dd data-md=\"\">\n <dl class=\"switch\">\n <dt data-md=\"\">If <var>trigger</var> is inside its <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-active-interval\" id=\"ref-for-animation-trigger-active-interval①⑨\">active interval</a>,\n </dt><dd data-md=\"\">\n \n </dd><dt data-md=\"\">Otherwise,\n </dt><dd data-md=\"\">\n <dl class=\"switch\">\n <dt data-md=\"\">If <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Set <var>state</var> to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-inverse\" id=\"ref-for-animation-trigger-state-inverse⑤\">inverse</a>.</p>\n </dd></dl>\n </dd></dl>\n </dd></dl>", |
1059 | 1057 | "rationale": ".switch", |
1060 | 1058 | "steps": [ |
1061 | 1059 | { |
1062 | 1060 | "operation": "switch", |
1063 | 1061 | "steps": [ |
1064 | 1062 | { |
1065 | | - "case": "If type is animation trigger type/once and did trigger flag is true,", |
| 1063 | + "case": "If type is 'animation-trigger-type/once'' and did trigger flag is true,", |
1066 | 1064 | "html": "<p>Then abort this procedure.</p>" |
1067 | 1065 | }, |
1068 | 1066 | { |
1069 | 1067 | "case": "Otherwise,", |
1070 | | - "html": "<dl class=\"switch\">\n <dt data-md=\"\">If <var>trigger</var> is inside its <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-active-interval\" id=\"ref-for-animation-trigger-active-interval①⑨\">active interval</a>,\n </dt><dd data-md=\"\">\n \n </dd><dt data-md=\"\">Otherwise,\n </dt><dd data-md=\"\">\n <dl class=\"switch\">\n <dt data-md=\"\">If <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Set <var>state</var> to <span class=\"css\">animation trigger state/inverse</span>.</p>\n </dd></dl>\n </dd></dl>", |
| 1068 | + "html": "<dl class=\"switch\">\n <dt data-md=\"\">If <var>trigger</var> is inside its <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-active-interval\" id=\"ref-for-animation-trigger-active-interval①⑨\">active interval</a>,\n </dt><dd data-md=\"\">\n \n </dd><dt data-md=\"\">Otherwise,\n </dt><dd data-md=\"\">\n <dl class=\"switch\">\n <dt data-md=\"\">If <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Set <var>state</var> to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-inverse\" id=\"ref-for-animation-trigger-state-inverse⑤\">inverse</a>.</p>\n </dd></dl>\n </dd></dl>", |
1071 | 1069 | "rationale": ".switch", |
1072 | 1070 | "steps": [ |
1073 | 1071 | { |
|
1079 | 1077 | "rationale": "set", |
1080 | 1078 | "steps": [ |
1081 | 1079 | { |
1082 | | - "html": "<p>Set <var>state</var> to <span class=\"css\">animation trigger state/primary</span>.</p>" |
| 1080 | + "html": "<p>Set <var>state</var> to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-primary\" id=\"ref-for-animation-trigger-state-primary⑨\">primary</a>.</p>" |
1083 | 1081 | }, |
1084 | 1082 | { |
1085 | 1083 | "html": "<p>Set <var>did trigger</var> to true.</p>" |
|
1088 | 1086 | }, |
1089 | 1087 | { |
1090 | 1088 | "case": "Otherwise,", |
1091 | | - "html": "<dl class=\"switch\">\n <dt data-md=\"\">If <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Set <var>state</var> to <span class=\"css\">animation trigger state/inverse</span>.</p>\n </dd></dl>", |
| 1089 | + "html": "<dl class=\"switch\">\n <dt data-md=\"\">If <var>did trigger</var> flag is true,\n </dt><dd data-md=\"\">\n <p>Set <var>state</var> to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-inverse\" id=\"ref-for-animation-trigger-state-inverse⑤\">inverse</a>.</p>\n </dd></dl>", |
1092 | 1090 | "rationale": ".switch", |
1093 | 1091 | "steps": [ |
1094 | 1092 | { |
1095 | 1093 | "operation": "switch", |
1096 | 1094 | "steps": [ |
1097 | 1095 | { |
1098 | 1096 | "case": "If did trigger flag is true,", |
1099 | | - "html": "<p>Set <var>state</var> to <span class=\"css\">animation trigger state/inverse</span>.</p>" |
| 1097 | + "html": "<p>Set <var>state</var> to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-2/#animation-trigger-state-inverse\" id=\"ref-for-animation-trigger-state-inverse⑤\">inverse</a>.</p>" |
1100 | 1098 | } |
1101 | 1099 | ] |
1102 | 1100 | } |
|
1308 | 1306 | { |
1309 | 1307 | "name": "KeyframeEffect/KeyframeEffect(target, keyframes, options)", |
1310 | 1308 | "href": "https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-keyframeeffect", |
1311 | | - "html": "Amend step 5 of the procedure to create a new <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-keyframeeffect\" id=\"ref-for-dom-keyframeeffect-keyframeeffect①\">KeyframeEffect</a></code> object as\nfollows:", |
| 1309 | + "html": "Amend step 5 of the procedure to create a new <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-keyframeeffect-source\" id=\"ref-for-dom-keyframeeffect-keyframeeffect-source①\">KeyframeEffect</a></code> object as\nfollows:", |
1312 | 1310 | "rationale": "if", |
1313 | 1311 | "steps": [ |
1314 | 1312 | { |
1315 | | - "html": "<p>If <var>options</var> is a <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-1/#dictdef-keyframeeffectoptions\" id=\"ref-for-dictdef-keyframeeffectoptions\">KeyframeEffectOptions</a></code> object,\nassign the <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-iterationcomposite\" id=\"ref-for-dom-keyframeeffect-iterationcomposite①\">iterationComposite</a></code>, and <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-1/#dom-keyframeeffect-composite\" id=\"ref-for-dom-keyframeeffect-composite\">composite</a></code>, properties of <var>effect</var> to the\ncorresponding value from <var>options</var>.</p>\n <p>When assigning these properties, the error-handling defined for the\ncorresponding setters on the <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-keyframeeffect-source\" id=\"ref-for-dom-keyframeeffect-keyframeeffect-source①\">KeyframeEffect</a></code> interface is applied.\nIf any of those setters require an exception to be thrown\nfor the values specified by <var>options</var>, this procedure must <a data-link-type=\"dfn\" href=\"https://webidl.spec.whatwg.org/#dfn-throw\" id=\"ref-for-dfn-throw①①\">throw</a> the same exception and abort all further steps.</p>" |
| 1313 | + "html": "<p>If <var>options</var> is a <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-1/#dictdef-keyframeeffectoptions\" id=\"ref-for-dictdef-keyframeeffectoptions\">KeyframeEffectOptions</a></code> object,\nassign the <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-iterationcomposite\" id=\"ref-for-dom-keyframeeffect-iterationcomposite①\">iterationComposite</a></code>, and <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-1/#dom-keyframeeffect-composite\" id=\"ref-for-dom-keyframeeffect-composite\">composite</a></code>, properties of <var>effect</var> to the\ncorresponding value from <var>options</var>.</p>\n <p>When assigning these properties, the error-handling defined for the\ncorresponding setters on the <code class=\"idl\"><a data-link-type=\"idl\" href=\"https://drafts.csswg.org/web-animations-2/#dom-keyframeeffect-keyframeeffect-source\" id=\"ref-for-dom-keyframeeffect-keyframeeffect-source②\">KeyframeEffect</a></code> interface is applied.\nIf any of those setters require an exception to be thrown\nfor the values specified by <var>options</var>, this procedure must <a data-link-type=\"dfn\" href=\"https://webidl.spec.whatwg.org/#dfn-throw\" id=\"ref-for-dfn-throw①①\">throw</a> the same exception and abort all further steps.</p>" |
1316 | 1314 | } |
1317 | 1315 | ] |
1318 | 1316 | }, |
|
0 commit comments