diff --git a/css-typed-om/Overview.bs b/css-typed-om/Overview.bs index 7ed8d4e8..c102b758 100644 --- a/css-typed-om/Overview.bs +++ b/css-typed-om/Overview.bs @@ -1892,7 +1892,7 @@ 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; @@ -1900,7 +1900,7 @@ is a [=list=] of {{CSSTransformComponent}}s. [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; @@ -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, @@ -1969,8 +1969,8 @@ is a [=list=] of {{CSSTransformComponent}}s. but also prevents "accidentally" flipping a 2D transform into becoming 3D. -
- The CSSTranslation(|x|, |y|, |z|) constructor must, +
+ The CSSTranslate(|x|, |y|, |z|) constructor must, when invoked, perform the following steps: @@ -1978,18 +1978,18 @@ is a [=list=] of {{CSSTransformComponent}}s. don't match <>, [=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`. @@ -1997,26 +1997,26 @@ is a [=list=] of {{CSSTransformComponent}}s. 5. Return |this|.
-
- The CSSRotation(|angle|) constructor must, +
+ The CSSRotate(|angle|) constructor must, when invoked, perform the following steps: 1. If |angle| doesn't match <>, [=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`.
-
- The CSSRotation(|x|, |y|, |z|, |angle|) constructor must, +
+ The CSSRotate(|x|, |y|, |z|, |angle|) constructor must, when invoked, perform the following steps: @@ -2030,10 +2030,10 @@ is a [=list=] of {{CSSTransformComponent}}s. don't match <>, [=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`.
@@ -2133,7 +2133,7 @@ is a [=list=] of {{CSSTransformComponent}}s.
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 & z values of ''0px'' could represent any of the following: @@ -2613,8 +2613,8 @@ while CSS <> 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 @@ -2641,10 +2641,10 @@ while CSS <> 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 @@ -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.