Add page-type to Web_component and relocate them (mdn#26173)

* Add page-type to Web_component and relocate them

* Fix flaws

* landing-page -> web-api-overview

* Fix links – yarn content move should do this

* Actually remove the files

* Add overview page to GroupData

Author: teoli2003

files/en-us/_redirects.txt

@@ -1140,7 +1140,7 @@
 /en-US/docs/CredentialsContainer.preventSilentAccess()	/en-US/docs/Web/API/CredentialsContainer/preventSilentAccess
 /en-US/docs/Cryptanalysis	/en-US/docs/Glossary/Cryptanalysis
 /en-US/docs/Cryptographic_hash_function	/en-US/docs/Glossary/Cryptographic_hash_function
-/en-US/docs/CustomElements	/en-US/docs/Web/Web_Components/Using_custom_elements
+/en-US/docs/CustomElements	/en-US/docs/Web/API/Web_components/Using_custom_elements
 /en-US/docs/DASH_Adaptive_Streaming_for_HTML_5_Video	/en-US/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video
 /en-US/docs/DOM	/en-US/docs/Web/API/Document_Object_Model
 /en-US/docs/DOM/About_the_Document_Object_Model	/en-US/docs/Web/API/Document_Object_Model
@@ -12754,10 +12754,14 @@
 /en-US/docs/Web/WebGL/WebGLRenderingContext	/en-US/docs/Web/API/WebGLRenderingContext
 /en-US/docs/Web/WebGL/WebGL_best_practices	/en-US/docs/Web/API/WebGL_API/WebGL_best_practices
 /en-US/docs/Web/Web_APIs	/en-US/docs/Web/API
-/en-US/docs/Web/Web_Components/Custom_Elements	/en-US/docs/Web/Web_Components/Using_custom_elements
-/en-US/docs/Web/Web_Components/Custom_Elements/Custom_Elements_with_Classes	/en-US/docs/Web/Web_Components/Using_custom_elements
-/en-US/docs/Web/Web_Components/HTML_Imports	/en-US/docs/Web/Web_Components
-/en-US/docs/Web/Web_Components/Shadow_DOM	/en-US/docs/Web/Web_Components/Using_shadow_DOM
+/en-US/docs/Web/Web_Components	/en-US/docs/Web/API/Web_components
+/en-US/docs/Web/Web_Components/Custom_Elements	/en-US/docs/Web/API/Web_components/Using_custom_elements
+/en-US/docs/Web/Web_Components/Custom_Elements/Custom_Elements_with_Classes	/en-US/docs/Web/API/Web_components/Using_custom_elements
+/en-US/docs/Web/Web_Components/HTML_Imports	/en-US/docs/Web/API/Web_components
+/en-US/docs/Web/Web_Components/Shadow_DOM	/en-US/docs/Web/API/Web_components/Using_shadow_DOM
+/en-US/docs/Web/Web_Components/Using_custom_elements	/en-US/docs/Web/API/Web_components/Using_custom_elements
+/en-US/docs/Web/Web_Components/Using_shadow_DOM	/en-US/docs/Web/API/Web_components/Using_shadow_DOM
+/en-US/docs/Web/Web_Components/Using_templates_and_slots	/en-US/docs/Web/API/Web_components/Using_templates_and_slots
 /en-US/docs/Web/XML/Index	/en-US/docs/Web/XML
 /en-US/docs/Web/XML/xml:base	/en-US/docs/Web/API/Node/baseURI
 /en-US/docs/Web/XPath/Axes/ancestor	/en-US/docs/Web/XPath/Axes#ancestor

files/en-us/_wikihistory.json

@@ -66389,6 +66389,138 @@
       "Blizzard"
     ]
   },
+  "Web/API/Web_components": {
+    "modified": "2020-10-02T20:58:02.830Z",
+    "contributors": [
+      "ConradSollitt",
+      "EisenbergEffect",
+      "chrisdavidmills",
+      "jpradelle",
+      "web-padawan",
+      "snuggs",
+      "pineapple-content",
+      "terodox",
+      "bminard",
+      "bmarkov",
+      "oyenirat",
+      "MPDSilva",
+      "smalluban",
+      "jfoulquie",
+      "abrahamwilliams",
+      "ExE-Boss",
+      "smolinari",
+      "eavichay",
+      "dreitzner",
+      "Sheppy",
+      "TrevorKarjanis",
+      "krosylight",
+      "alhill10",
+      "n-devr",
+      "joestrouth1",
+      "zendy",
+      "ibnesayeed",
+      "SphinxKnight",
+      "Jedipedia",
+      "chrisjagoda",
+      "Brettz9",
+      "DomenicDenicola",
+      "fscholz",
+      "Ollie-w",
+      "joelbyrd",
+      "maybe",
+      "rolfedh",
+      "teoli",
+      "trodrigues",
+      "Sebastianz",
+      "markg",
+      "kohei.yoshino"
+    ]
+  },
+  "Web/API/Web_components/Using_custom_elements": {
+    "modified": "2020-11-07T18:06:44.658Z",
+    "contributors": [
+      "jdanyow",
+      "soominkimu",
+      "abrahamwilliams",
+      "ConradSollitt",
+      "Danny-Engelman",
+      "007lva",
+      "caroso1222",
+      "ytxmobile",
+      "noelmace",
+      "Tuckbros",
+      "chrisdavidmills",
+      "Soupedenuit",
+      "miyah-kun",
+      "Zhang-Junzhi",
+      "snuggs",
+      "SaswatArabinda",
+      "kp2017",
+      "justinfagnani",
+      "scriptex",
+      "torazaburo",
+      "olange",
+      "jabcreations",
+      "RusiPapazov",
+      "bmarkov",
+      "andreasottosson",
+      "morten-krogh",
+      "tomalec",
+      "eiro",
+      "Mkmelin",
+      "newyork-anthonyng",
+      "bryangingechen",
+      "darth-cheney",
+      "ExE-Boss",
+      "Swarnava",
+      "WebReflection",
+      "jaffathecake",
+      "sridharbelide",
+      "JonathanPool",
+      "Sheppy",
+      "jswisher",
+      "codes4coffee"
+    ]
+  },
+  "Web/API/Web_components/Using_shadow_DOM": {
+    "modified": "2020-12-09T10:16:41.565Z",
+    "contributors": [
+      "michaelpollak",
+      "vrana",
+      "Mandroide",
+      "davidhartman00",
+      "justinfagnani",
+      "chrisdavidmills",
+      "mrec",
+      "bminard",
+      "myakura",
+      "sideshowbarker",
+      "venugopalms",
+      "newyork-anthonyng",
+      "ExE-Boss",
+      "bcawrse",
+      "Sheppy",
+      "Delapouite",
+      "atorres757",
+      "jswisher",
+      "user13571",
+      "scrum"
+    ]
+  },
+  "Web/API/Web_components/Using_templates_and_slots": {
+    "modified": "2020-07-25T22:41:27.829Z",
+    "contributors": [
+      "powerlanguage",
+      "falldowngoboone",
+      "tlitookilakin",
+      "usmanajmal",
+      "chrisdavidmills",
+      "elkurin",
+      "newyork-anthonyng",
+      "xfq",
+      "jswisher"
+    ]
+  },
   "Web/API/WheelEvent": {
     "modified": "2020-10-15T21:03:36.743Z",
     "contributors": [
@@ -128965,138 +129097,6 @@
     "modified": "2019-04-29T05:32:47.095Z",
     "contributors": ["chrisdavidmills", "evertones", "ato"]
   },
-  "Web/Web_Components": {
-    "modified": "2020-10-02T20:58:02.830Z",
-    "contributors": [
-      "ConradSollitt",
-      "EisenbergEffect",
-      "chrisdavidmills",
-      "jpradelle",
-      "web-padawan",
-      "snuggs",
-      "pineapple-content",
-      "terodox",
-      "bminard",
-      "bmarkov",
-      "oyenirat",
-      "MPDSilva",
-      "smalluban",
-      "jfoulquie",
-      "abrahamwilliams",
-      "ExE-Boss",
-      "smolinari",
-      "eavichay",
-      "dreitzner",
-      "Sheppy",
-      "TrevorKarjanis",
-      "krosylight",
-      "alhill10",
-      "n-devr",
-      "joestrouth1",
-      "zendy",
-      "ibnesayeed",
-      "SphinxKnight",
-      "Jedipedia",
-      "chrisjagoda",
-      "Brettz9",
-      "DomenicDenicola",
-      "fscholz",
-      "Ollie-w",
-      "joelbyrd",
-      "maybe",
-      "rolfedh",
-      "teoli",
-      "trodrigues",
-      "Sebastianz",
-      "markg",
-      "kohei.yoshino"
-    ]
-  },
-  "Web/Web_Components/Using_custom_elements": {
-    "modified": "2020-11-07T18:06:44.658Z",
-    "contributors": [
-      "jdanyow",
-      "soominkimu",
-      "abrahamwilliams",
-      "ConradSollitt",
-      "Danny-Engelman",
-      "007lva",
-      "caroso1222",
-      "ytxmobile",
-      "noelmace",
-      "Tuckbros",
-      "chrisdavidmills",
-      "Soupedenuit",
-      "miyah-kun",
-      "Zhang-Junzhi",
-      "snuggs",
-      "SaswatArabinda",
-      "kp2017",
-      "justinfagnani",
-      "scriptex",
-      "torazaburo",
-      "olange",
-      "jabcreations",
-      "RusiPapazov",
-      "bmarkov",
-      "andreasottosson",
-      "morten-krogh",
-      "tomalec",
-      "eiro",
-      "Mkmelin",
-      "newyork-anthonyng",
-      "bryangingechen",
-      "darth-cheney",
-      "ExE-Boss",
-      "Swarnava",
-      "WebReflection",
-      "jaffathecake",
-      "sridharbelide",
-      "JonathanPool",
-      "Sheppy",
-      "jswisher",
-      "codes4coffee"
-    ]
-  },
-  "Web/Web_Components/Using_shadow_DOM": {
-    "modified": "2020-12-09T10:16:41.565Z",
-    "contributors": [
-      "michaelpollak",
-      "vrana",
-      "Mandroide",
-      "davidhartman00",
-      "justinfagnani",
-      "chrisdavidmills",
-      "mrec",
-      "bminard",
-      "myakura",
-      "sideshowbarker",
-      "venugopalms",
-      "newyork-anthonyng",
-      "ExE-Boss",
-      "bcawrse",
-      "Sheppy",
-      "Delapouite",
-      "atorres757",
-      "jswisher",
-      "user13571",
-      "scrum"
-    ]
-  },
-  "Web/Web_Components/Using_templates_and_slots": {
-    "modified": "2020-07-25T22:41:27.829Z",
-    "contributors": [
-      "powerlanguage",
-      "falldowngoboone",
-      "tlitookilakin",
-      "usmanajmal",
-      "chrisdavidmills",
-      "elkurin",
-      "newyork-anthonyng",
-      "xfq",
-      "jswisher"
-    ]
-  },
   "Web/XML": {
     "modified": "2019-04-21T20:57:57.467Z",
     "contributors": ["ExE-Boss"]

files/en-us/glossary/element/index.md

@@ -13,5 +13,5 @@ Elements and {{glossary("tag", "tags")}} are _not_ the same things. Tags begin o
 ## See also
 
 - [Getting started with HTML](/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started)
-- [Defining custom elements](/en-US/docs/Web/Web_Components/Using_custom_elements)
+- [Defining custom elements](/en-US/docs/Web/API/Web_components/Using_custom_elements)
 - The {{domxref("Element")}} interface, representing an element in the DOM.

files/en-us/glossary/shadow_tree/index.md

@@ -4,13 +4,13 @@ slug: Glossary/Shadow_tree
 page-type: glossary-definition
 ---
 
-A **shadow tree** is a tree of DOM [nodes](/en-US/docs/Glossary/Node/DOM) whose topmost node is a **shadow root**; that is, the topmost node within a **shadow DOM**. A shadow tree is a hidden set of standard DOM nodes which is attached to a standard DOM node that serves as a host. The hidden nodes are not directly visible using regular DOM functionality, but require the use of a special [Shadow DOM API](/en-US/docs/Web/Web_Components/Using_shadow_DOM) to access.
+A **shadow tree** is a tree of DOM [nodes](/en-US/docs/Glossary/Node/DOM) whose topmost node is a **shadow root**; that is, the topmost node within a **shadow DOM**. A shadow tree is a hidden set of standard DOM nodes which is attached to a standard DOM node that serves as a host. The hidden nodes are not directly visible using regular DOM functionality, but require the use of a special [Shadow DOM API](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) to access.
 
 Nodes within the shadow tree are not affected by anything applied outside the shadow tree, and vice versa. This provides a way to encapsulate implementation details, which is especially useful for custom elements and other advanced design paradigms.
 
 ## See also
 
-- [Using shadow DOM](/en-US/docs/Web/Web_Components/Using_shadow_DOM)
+- [Using shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM)
 - {{domxref("Element.shadowRoot")}} and {{domxref("Element.attachShadow()")}}
 - {{domxref("ShadowRoot")}}
 - {{HTMLElement("slot")}}

files/en-us/mozilla/firefox/releases/101/index.md

@@ -36,7 +36,7 @@ No notable changes.
 
 - [`DOMException`](/en-US/docs/Web/API/DOMException) is now a {{Glossary("serializable object")}}, so it can be cloned with {{domxref("structuredClone()")}} or copied between [workers](/en-US/docs/Web/API/Worker) using {{domxref("Worker.postMessage()", "postMessage()")}} ([Firefox bug 1561357](https://bugzil.la/1561357)).
 
-- _Constructable stylesheets_ are now supported, making it much easier to create reusable stylesheets for use with [Shadow DOM](/en-US/docs/Web/Web_Components/Using_shadow_DOM).
+- _Constructable stylesheets_ are now supported, making it much easier to create reusable stylesheets for use with [Shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM).
   The update includes the addition of a [`CSSStyleSheet()` constructor](/en-US/docs/Web/API/CSSStyleSheet/CSSStyleSheet) for creating new stylesheets, the {{domxref("CSSStyleSheet.replace()")}} and {{domxref("CSSStyleSheet.replaceSync()")}} methods that can be used to add/replace CSS rules in the sheet, and the [`Document.adoptedStyleSheets`](/en-US/docs/Web/API/Document/adoptedStyleSheets) and [`ShadowRoot.adoptedStyleSheets`](/en-US/docs/Web/API/ShadowRoot/adoptedStyleSheets) properties that are used to share sheets to a document and its shadow DOM subtrees.
   See [Firefox bug 1520690](https://bugzil.la/1520690) for more information.
 

files/en-us/mozilla/firefox/releases/42/index.md

@@ -71,7 +71,7 @@ Our experimental implementation of [Web Animations API](/en-US/docs/Web/API/Web_
 
 #### Web Components
 
-Our experimental implementation of the [Shadow DOM](/en-US/docs/Web/Web_Components/Using_shadow_DOM) has been modified:
+Our experimental implementation of the [Shadow DOM](/en-US/docs/Web/API/Web_components/Using_shadow_DOM) has been modified:
 
 - When trying to invoke {{domxref('Node.cloneNode()')}} on a {{domxref('ShadowRoot')}}, throws a `DataCloneError` exception ([Firefox bug 1176757](https://bugzil.la/1176757)).
 - When invoking {{domxref('Document.importNode()')}} with a {{domxref('ShadowRoot')}} as an argument, we now throws a `NotSupportedError` {{domxref("DOMException")}} ([Firefox bug 1177914](https://bugzil.la/1177914)).

files/en-us/mozilla/firefox/releases/50/index.md

@@ -69,7 +69,7 @@ slug: Mozilla/Firefox/Releases/50
 - The `once` option for {{domxref("EventTarget.addEventListener()")}} is now supported ([Firefox bug 1287706](https://bugzil.la/1287706)).
 - The interface {{domxref("NodeList")}} are now iterable and the methods {{domxref("NodeList.forEach()", "forEach()")}}, {{domxref("NodeList.values()", "values()")}}, {{domxref("NodeList.entries()")}} and {{domxref("NodeList.keys()")}} are now available ([Firefox bug 1290636](https://bugzil.la/1290636)).
 - The interface {{domxref("DOMTokenList")}} are now iterable and the methods {{domxref("DOMTokenList.forEach()", "forEach()")}}, {{domxref("DOMTokenList.values()", "values()")}}, {{domxref("DOMTokenList.entries()")}} and {{domxref("DOMTokenList.keys()")}} are now available ([Firefox bug 1290636](https://bugzil.la/1290636)).
-- The methods {{domxref("Document.createElement()")}} and {{domxref("Document.createElementNS()")}} now have an optional `options` parameter for creating [custom elements](/en-US/docs/Web/Web_Components/Using_custom_elements) ([Firefox bug 1276579](https://bugzil.la/1276579)).
+- The methods {{domxref("Document.createElement()")}} and {{domxref("Document.createElementNS()")}} now have an optional `options` parameter for creating [custom elements](/en-US/docs/Web/API/Web_components/Using_custom_elements) ([Firefox bug 1276579](https://bugzil.la/1276579)).
 
 ### SVG
 

files/en-us/mozilla/firefox/releases/52/index.md

@@ -106,7 +106,7 @@ Firefox 52 was released on March 7, 2017. This article lists key changes that ar
 - The `loadstart` and `loadend` events are now fired on {{htmlelement("img")}} elements (see [Firefox bug 1264769](https://bugzil.la/1264769)).
 - The {{domxref("Notification.requireInteraction")}} of the [Notifications API](/en-US/docs/Web/API/Notifications_API) has been implemented (see [Firefox bug 862395](https://bugzil.la/862395).)
 - The {{domxref("Window.open()")}} method now has a `noopener` [window feature](/en-US/docs/Web/API/Window/open#window_functionality_features) available (see [Firefox bug 1267339](https://bugzil.la/1267339)), which mirrors the functionality of the `rel="noopener"` [Link type](/en-US/docs/Web/HTML/Attributes/rel).
-- The {{domxref("CustomElementRegistry.get()")}} method of the [Web Components API](/en-US/docs/Web/Web_Components) has been implemented (see [Firefox bug 1275838](https://bugzil.la/1275838)).
+- The {{domxref("CustomElementRegistry.get()")}} method of the [Web Components API](/en-US/docs/Web/API/Web_components) has been implemented (see [Firefox bug 1275838](https://bugzil.la/1275838)).
 - [Pointer Event](/en-US/docs/Web/API/Pointer_events) {{domxref("PointerEvent.width","width")}} and {{domxref("PointerEvent.height","height")}} properties now default to a value of 1 (see [Firefox bug 1304315](https://bugzil.la/1304315)).
 - The [File and Directory Entries API](/en-US/docs/Web/API/File_and_Directory_Entries_API) has been updated to include changes in the [latest spec](https://wicg.github.io/entries-api/) (see [Firefox bug 1284987](https://bugzil.la/1284987) for the exact details).
 - The {{domxref("Event.cancelBubble", "cancelBubble")}} property, which was defined on {{domxref("UIEvent")}}, is now defined on the {{domxref("Event")}} interface instead. See [Firefox bug 1298970](https://bugzil.la/1298970) for more details.

files/en-us/mozilla/firefox/releases/63/index.md

@@ -64,7 +64,7 @@ _No changes._
 
 #### New APIs
 
-- The Shadow DOM ([Firefox bug 1471947](https://bugzil.la/1471947)) and Custom Elements ([Firefox bug 1471948](https://bugzil.la/1471948)) APIs have been enabled by default; See [Web components](/en-US/docs/Web/Web_Components) for more details.
+- The Shadow DOM ([Firefox bug 1471947](https://bugzil.la/1471947)) and Custom Elements ([Firefox bug 1471948](https://bugzil.la/1471948)) APIs have been enabled by default; See [Web components](/en-US/docs/Web/API/Web_components) for more details.
 - The {{domxref("Media_Capabilities_API", "Media Capabilities API", "", "1")}} has been implemented ([Firefox bug 1409664](https://bugzil.la/1409664)).
 - The {{domxref("Clipboard", "Async Clipboard API", "", "1")}} has been implemented and enabled by default for all channels ([Firefox bug 1461465](https://bugzil.la/1461465)). As is the case with Chrome, Firefox currently implements only the {{domxref("Clipboard.writeText", "writeText()")}} and {{domxref("Clipboard.readText", "readText()")}} methods; however, unlike Chrome, `readText()` is only available in [browser extensions](/en-US/docs/Mozilla/Add-ons/WebExtensions).
 - The {{DOMxRef("SecurityPolicyViolationEvent")}} interface is now supported. It allows sending events when the {{HTTPHeader("Content-Security-Policy")}} is violated ([Firefox bug 1472661](https://bugzil.la/1472661)).

files/en-us/mozilla/firefox/releases/92/index.md

@@ -41,7 +41,7 @@ No changes
 
 #### DOM
 
-- The [Imperative Slotting API](/en-US/docs/Web/API/HTMLSlotElement) (part of the [Shadow Dom API](/en-US/docs/Web/Web_Components/Using_shadow_DOM)) Has been implemented. ([Firefox bug 1705141](https://bugzil.la/1705141))
+- The [Imperative Slotting API](/en-US/docs/Web/API/HTMLSlotElement) (part of the [Shadow Dom API](/en-US/docs/Web/API/Web_components/Using_shadow_DOM)) Has been implemented. ([Firefox bug 1705141](https://bugzil.la/1705141))
 - You can now monitor for changes to text selections in {{HTMLElement("input")}} or {{HTMLElement("textarea")}} by listening for `selectionchange` events in {{domxref("HTMLInputElement.selectionchange_event", "HTMLInputElement")}} and {{domxref("HTMLTextAreaElement/selectionchange_event", "HTMLTextAreaElement")}}, respectively ([Firefox bug 1648944](https://bugzil.la/1648944)).
 
 #### Media, WebRTC, and Web Audio