Skip to content

Rename CSSTranslation/CSSRotation #598

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 29, 2018
Merged

Rename CSSTranslation/CSSRotation #598

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 27 additions & 27 deletions css-typed-om/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1892,15 +1892,15 @@ is a [=list=] of {{CSSTransformComponent}}s.
};

[Constructor(CSSNumericValue x, CSSNumericValue y, optional CSSNumericValue z)]
interface CSSTranslation : CSSTransformComponent {
interface CSSTranslate : CSSTransformComponent {
attribute CSSNumericValue x;
attribute CSSNumericValue y;
attribute CSSNumericValue z;
};

[Constructor(CSSNumericValue angle),
Constructor(CSSNumberish x, CSSNumberish y, CSSNumberish z, CSSNumericValue angle)]
interface CSSRotation : CSSTransformComponent {
interface CSSRotate : CSSTransformComponent {
attribute CSSNumberish x;
attribute CSSNumberish y;
attribute CSSNumberish z;
Expand Down Expand Up @@ -1940,7 +1940,7 @@ is a [=list=] of {{CSSTransformComponent}}s.
indicates whether the transform is 2D or 3D.
When it's `true`,
the attributes of the transform that are relevant to 3D transforms
(such as the {{CSSTranslation/z|CSSTranslation.z}} attribute)
(such as the {{CSSTranslate/z|CSSTranslate.z}} attribute)
simply have no effect on the transform they represent.

Note: This affects the serialization of the object,
Expand Down Expand Up @@ -1969,54 +1969,54 @@ is a [=list=] of {{CSSTransformComponent}}s.
but also prevents "accidentally" flipping a 2D transform into becoming 3D.
</details>

<div algorithm="CSSTranslation()">
The <dfn constructor for=CSSTranslation>CSSTranslation(|x|, |y|, |z|)</dfn> constructor must,
<div algorithm="CSSTranslate()">
The <dfn constructor for=CSSTranslate>CSSTranslate(|x|, |y|, |z|)</dfn> constructor must,
when invoked,
perform the following steps:

1. If |x|, |y|, or |z| (if passed)
don't match <<length-percentage>>,
[=throw=] a {{TypeError}}.

2. Let |this| be a new {{CSSTranslation}} object,
with its {{CSSTranslation/x}} and {{CSSTranslation/y}} internal slots
2. Let |this| be a new {{CSSTranslate}} object,
with its {{CSSTranslate/x}} and {{CSSTranslate/y}} internal slots
set to |x| and |y|.

3. If |z| was passed,
set |this|’s {{CSSTranslation/z}} internal slot
set |this|’s {{CSSTranslate/z}} internal slot
to |z|,
and set |this|’s {{CSSTransformComponent/is2D}} internal slot
to `false`.

4. If |z| was not passed,
set |this|’s {{CSSTranslation/z}} internal slot
set |this|’s {{CSSTranslate/z}} internal slot
to [=create a CSSUnitValue from a string|new unit value=] of ''0px'',
and set |this|’s {{CSSTransformComponent/is2D}} internal slot
to `true`.

5. Return |this|.
</div>

<div algorithm="CSSRotation(angle)">
The <dfn constructor for=CSSRotation>CSSRotation(|angle|)</dfn> constructor must,
<div algorithm="CSSRotate(angle)">
The <dfn constructor for=CSSRotate>CSSRotate(|angle|)</dfn> constructor must,
when invoked,
perform the following steps:

1. If |angle| doesn't match <<angle>>,
[=throw=] a {{TypeError}}.

2. Return a new {{CSSRotation}}
with its {{CSSRotation/angle}} internal slot
2. Return a new {{CSSRotate}}
with its {{CSSRotate/angle}} internal slot
set to |angle|,
its {{CSSRotation/x}} and {{CSSRotation/y}} internal slots
its {{CSSRotate/x}} and {{CSSRotate/y}} internal slots
set to [=create a CSSUnitValue from a string|new unit values=] of ''0'',
its {{CSSRotation/z}} internal slot
its {{CSSRotate/z}} internal slot
set to a [=create a CSSUnitValue from a string|new unit value=] of ''1'',
and its {{CSSTransformComponent/is2D}} internal slot set to `true`.
</div>

<div algorithm="CSSRotation(x, y, z, angle)">
The <dfn constructor for=CSSRotation>CSSRotation(|x|, |y|, |z|, |angle|)</dfn> constructor must,
<div algorithm="CSSRotate(x, y, z, angle)">
The <dfn constructor for=CSSRotate>CSSRotate(|x|, |y|, |z|, |angle|)</dfn> constructor must,
when invoked,
perform the following steps:

Expand All @@ -2030,10 +2030,10 @@ is a [=list=] of {{CSSTransformComponent}}s.
don't match <<number>>,
[=throw=] a {{TypeError}}.

4. Return a new {{CSSRotation}}
with its {{CSSRotation/angle}} internal slot
4. Return a new {{CSSRotate}}
with its {{CSSRotate/angle}} internal slot
set to |angle|,
its {{CSSRotation/x}}, {{CSSRotation/y}}, {{CSSRotation/z}} internal slots set to |x|, |y|, and |z|,
its {{CSSRotate/x}}, {{CSSRotate/y}}, {{CSSRotate/z}} internal slots set to |x|, |y|, and |z|,
and its {{CSSTransformComponent/is2D}} internal slot set to `false`.
</div>

Expand Down Expand Up @@ -2133,7 +2133,7 @@ is a [=list=] of {{CSSTransformComponent}}s.
<div class=note>
Each {{CSSTransformComponent}} can correspond to
one of a number of underlying transform functions.
For example, a {{CSSTranslation}}
For example, a {{CSSTranslate}}
with an x value of ''10px''
and y &amp; z values of ''0px'' could represent any of the following:

Expand Down Expand Up @@ -2613,8 +2613,8 @@ while CSS <<transform-function>> values become {{CSSTransformComponent}}s.
: ''translate3d()''
: ''translateZ()''
::
1. Return a new {{CSSTranslation}} object,
whose {{CSSTranslation/x}}, {{CSSTranslation/y}}, and {{CSSTranslation/z}} internal slots
1. Return a new {{CSSTranslate}} object,
whose {{CSSTranslate/x}}, {{CSSTranslate/y}}, and {{CSSTranslate/z}} internal slots
are set to the [=normalize a numeric value|normalization=] of the specified x/y/z offsets,
or the [=normalize a numeric value|normalization=] of ''0px'' if not specified in |func|,
and whose {{CSSTransformComponent/is2D}} internal slot
Expand All @@ -2641,10 +2641,10 @@ while CSS <<transform-function>> values become {{CSSTransformComponent}}s.
: ''rotateY()''
: ''rotateZ()''
::
1. Return a new {{CSSRotation}} object,
whose {{CSSRotation/angle}} internal slot
1. Return a new {{CSSRotate}} object,
whose {{CSSRotate/angle}} internal slot
is set to the [=normalize a numeric value|normalization=] of the specified angle,
and whose {{CSSRotation/x}}, {{CSSRotation/y}}, and {{CSSRotation/z}} internal slots
and whose {{CSSRotate/x}}, {{CSSRotate/y}}, and {{CSSRotate/z}} internal slots
are set to the specified rotation axis coordinates,
or the implicit axis coordinates if not specified in |func|
and whose {{CSSTransformComponent/is2D}} internal slot
Expand Down Expand Up @@ -3074,7 +3074,7 @@ Computed {{CSSTransformValue}} objects {#computed-transformvalue-objects}
-------------------------------------------------------------------------

During computation, any {{CSSNumericValue}} objects referenced by a {{CSSTransformComponent}}
(e.g. the {{CSSTranslation/x}} attribute of a {{CSSTranslation}}) are
(e.g. the {{CSSTranslate/x}} attribute of a {{CSSTranslate}}) are
computed according to [[#computed-numericvalue-objects]], but the
{{CSSTransformValue}} object is otherwise as specified.

Expand Down