From 1c8ca24f56e08e13f079c97693c180ed616ac3ba Mon Sep 17 00:00:00 2001
From: Estelle Weyl <estelle@weyl.org>
Date: Wed, 22 Jan 2025 18:36:07 -0500
Subject: [PATCH] New pages: SVGFEPointLightElement (#37423)

* New pages: SVGFEPointLightElement

* api main page

* remove files

* New pages: SVGFEPointLightElement

* Update files/en-us/web/api/svgfepointlightelement/x/index.md

* Update files/en-us/web/api/svgfepointlightelement/y/index.md

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
---
 .../web/api/svgfepointlightelement/x/index.md | 40 +++++++++++++++++++
 .../web/api/svgfepointlightelement/y/index.md | 40 +++++++++++++++++++
 .../web/api/svgfepointlightelement/z/index.md | 40 +++++++++++++++++++
 3 files changed, 120 insertions(+)
 create mode 100644 files/en-us/web/api/svgfepointlightelement/x/index.md
 create mode 100644 files/en-us/web/api/svgfepointlightelement/y/index.md
 create mode 100644 files/en-us/web/api/svgfepointlightelement/z/index.md

diff --git a/files/en-us/web/api/svgfepointlightelement/x/index.md b/files/en-us/web/api/svgfepointlightelement/x/index.md
new file mode 100644
index 000000000000000..34c71943e856892
--- /dev/null
+++ b/files/en-us/web/api/svgfepointlightelement/x/index.md
@@ -0,0 +1,40 @@
+---
+title: "SVGFEPointLightElement: x property"
+short-title: x
+slug: Web/API/SVGFEPointLightElement/x
+page-type: web-api-instance-property
+browser-compat: api.SVGFEPointLightElement.x
+---
+
+{{APIRef("SVG")}}
+
+The **`x`** read-only property of the {{domxref("SVGFEPointLightElement")}} interface describes the horizontal coordinate of the position of an SVG filter primitive as a {{domxref("SVGAnimatedNumber")}}.
+
+It reflects the {{SVGAttr("x")}} attribute of the {{SVGElement("fePointLight")}} element, which can be used to define the light source in a point light effect. The attribute is a [`<number>`](/en-US/docs/Web/SVG/Content_type#number). The default value is `0`.
+
+## Value
+
+An {{domxref("SVGAnimatedNumber")}}.
+
+## Example
+
+```js
+const fePointLight = document.querySelector("fePointLight");
+const leftPosition = fePointLight.x;
+console.log(leftPosition.baseVal.value); // the `x` value
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGFEPointLightElement.y")}}
+- {{domxref("SVGFEPointLightElement.z")}}
+- {{domxref("SVGFEDistantLightElement")}}
+- {{domxref("SVGFESpotLightElement")}}
diff --git a/files/en-us/web/api/svgfepointlightelement/y/index.md b/files/en-us/web/api/svgfepointlightelement/y/index.md
new file mode 100644
index 000000000000000..e789e8820eaeecf
--- /dev/null
+++ b/files/en-us/web/api/svgfepointlightelement/y/index.md
@@ -0,0 +1,40 @@
+---
+title: "SVGFEPointLightElement: y property"
+short-title: "y"
+slug: Web/API/SVGFEPointLightElement/y
+page-type: web-api-instance-property
+browser-compat: api.SVGFEPointLightElement.y
+---
+
+{{APIRef("SVG")}}
+
+The **`y`** read-only property of the {{domxref("SVGFEPointLightElement")}} interface describes the vertical coordinate of the position of an SVG filter primitive as a {{domxref("SVGAnimatedNumber")}}.
+
+It reflects the {{SVGAttr("y")}} attribute of the {{SVGElement("fePointLight")}} element, which can be used to define the light source in a point light effect. The attribute is a [`<number>`](/en-US/docs/Web/SVG/Content_type#number). The default value is `0`.
+
+## Value
+
+An {{domxref("SVGAnimatedNumber")}}.
+
+## Example
+
+```js
+const fePointLight = document.querySelector("fePointLight");
+const topPosition = fePointLight.y;
+console.log(topPosition.baseVal.value); // the `y` value
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGFEPointLightElement.x")}}
+- {{domxref("SVGFEPointLightElement.z")}}
+- {{domxref("SVGFEDistantLightElement")}}
+- {{domxref("SVGFESpotLightElement")}}
diff --git a/files/en-us/web/api/svgfepointlightelement/z/index.md b/files/en-us/web/api/svgfepointlightelement/z/index.md
new file mode 100644
index 000000000000000..4c3700613e2ba9c
--- /dev/null
+++ b/files/en-us/web/api/svgfepointlightelement/z/index.md
@@ -0,0 +1,40 @@
+---
+title: "SVGFEPointLightElement: z property"
+short-title: z
+slug: Web/API/SVGFEPointLightElement/z
+page-type: web-api-instance-property
+browser-compat: api.SVGFEPointLightElement.z
+---
+
+{{APIRef("SVG")}}
+
+The **`z`** read-only property of the {{domxref("SVGFEPointLightElement")}} interface describes the z-axis value of the position of an SVG filter primitive as a {{domxref("SVGAnimatedNumber")}}. A positive Z-axis comes out towards the person viewing the content.
+
+It reflects the {{SVGAttr("z")}} attribute of the {{SVGElement("fePointLight")}} element, which can be used to define the light source in a point light effect. The attribute is a [`<number>`](/en-US/docs/Web/SVG/Content_type#number). The default value is `0`.
+
+## Value
+
+An {{domxref("SVGAnimatedNumber")}}.
+
+## Example
+
+```js
+const fePointLight = document.querySelector("fePointLight");
+const zVal = fePointLight.z;
+console.log(zVal.baseVal.value); // the `z` value
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGFEPointLightElement.x")}}
+- {{domxref("SVGFEPointLightElement.y")}}
+- {{domxref("SVGFEDistantLightElement")}}
+- {{domxref("SVGFESpotLightElement")}}