@siteimprove/alfa-dom 0.112.0 → 0.114.0

package/dist/node/predicate/has-text-content.js

@@ -1,12 +1,12 @@
 import { Iterable } from "@siteimprove/alfa-iterable";
 import { Predicate } from "@siteimprove/alfa-predicate";
-import { Node } from "../../node.js";
+import { BaseNode } from "../node.js";
 const { isEmpty } = Iterable;
 const { not } = Predicate;
 /**
  * @public
  */
-export function hasTextContent(predicate = not(isEmpty), options = Node.Traversal.empty) {
+export function hasTextContent(predicate = not(isEmpty), options = BaseNode.Traversal.empty) {
     return (node) => predicate(node.textContent(options));
 }
 //# sourceMappingURL=has-text-content.js.map

package/dist/node/predicate/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./has-box.js";
+export * from "./has-child.js";
+export * from "./has-descendant.js";
+export * from "./has-inclusive-descendant.js";
+export * from "./has-text-content.js";
+export * from "./is-root.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/node/predicate/index.js

@@ -0,0 +1,7 @@
+export * from "./has-box.js";
+export * from "./has-child.js";
+export * from "./has-descendant.js";
+export * from "./has-inclusive-descendant.js";
+export * from "./has-text-content.js";
+export * from "./is-root.js";
+//# sourceMappingURL=index.js.map

package/dist/node/predicate/is-root.d.ts

@@ -1,5 +1,5 @@
 import type { Predicate } from "@siteimprove/alfa-predicate";
-import type { Node } from "../../node.js";
+import type { Node } from "../index.js";
 /**
  * @public
  */

package/dist/node/query/descendants.d.ts

@@ -1,9 +1,8 @@
 import type { Predicate } from "@siteimprove/alfa-predicate";
 import type { Refinement } from "@siteimprove/alfa-refinement";
 import { Sequence } from "@siteimprove/alfa-sequence";
-import { Node } from "../../node.js";
-import { Element } from "../element.js";
-import { Text } from "../text.js";
+import type { Node } from "../index.js";
+import { Element, Text } from "../slotable/index.js";
 /**
  * Get all descendants of a node that satisfy a given refinement.
  *
@@ -38,6 +37,7 @@ export declare function getInclusiveElementDescendants(node: Element, options?:
  * @public
  */
 export interface TextGroup {
+    node: Node;
     label: string;
     text: Sequence<Text>;
 }

package/dist/node/query/descendants.js

@@ -1,11 +1,10 @@
 import { Cache } from "@siteimprove/alfa-cache";
 import { Sequence } from "@siteimprove/alfa-sequence";
-import { Node } from "../../node.js";
-import { Element } from "../element.js";
-import { Text } from "../text.js";
+import { BaseNode } from "../node.js";
+import { Element, Text } from "../slotable/index.js";
 const _descendantsCache = Cache.empty();
 export function getDescendants(predicate) {
-    return (node, options = Node.Traversal.empty) => {
+    return (node, options = BaseNode.Traversal.empty) => {
         const optionsMap = _descendantsCache
             .get(predicate, Cache.empty)
             .get(node, () => []);
@@ -22,7 +21,7 @@ export const getElementDescendants = getDescendants(Element.isElement);
 /**
  * @public
  */
-export function getInclusiveElementDescendants(node, options = Node.Traversal.empty) {
+export function getInclusiveElementDescendants(node, options = BaseNode.Traversal.empty) {
     return getElementDescendants(node, options).prepend(node);
 }
 const _textCache = Cache.empty();
@@ -44,7 +43,7 @@ const defaultTextOptions = {
  * @public
  */
 export function getTextDescendants(textOptions = defaultTextOptions) {
-    return (node, options = Node.Traversal.empty) => {
+    return (node, options = BaseNode.Traversal.empty) => {
         const optionsMap = _textCache
             .get(textOptions, Cache.empty)
             .get(node, () => []);
@@ -60,6 +59,7 @@ function* _getTextDescendants(node, textOptions, traversalOptions) {
         if (startsGroup(child)) {
             const groupText = getDescendants(Text.isText)(child, traversalOptions);
             yield {
+                node: child,
                 label: getLabel(child),
                 text: groupText,
             };

package/dist/node/query/element-id-map.d.ts

@@ -1,6 +1,6 @@
 import { Map } from "@siteimprove/alfa-map";
-import type { Node } from "../../node.js";
-import type { Element } from "../element.js";
+import type { Node } from "../index.js";
+import type { Element } from "../slotable/element.js";
 /**
  * Returns a map from id to elements, in the subtree rooted at a given node.
  *

package/dist/node/query/index.d.ts

@@ -1,12 +1,12 @@
 import * as descendants from "./descendants.js";
 import * as elementIdMap from "./element-id-map.js";
-import type { Node } from "../../node.js";
+import type { Node } from "../index.js";
 /**
  * @public
  */
 export declare namespace Query {
     const getDescendants: typeof descendants.getDescendants;
-    const getElementDescendants: (node: Node, options?: Node.Traversal) => import("@siteimprove/alfa-sequence").Sequence<import("../element.js").Element<string>>;
+    const getElementDescendants: (node: Node, options?: Node.Traversal) => import("@siteimprove/alfa-sequence").Sequence<import("../index.js").Element<string>>;
     const getInclusiveElementDescendants: typeof descendants.getInclusiveElementDescendants;
     const getTextDescendants: typeof descendants.getTextDescendants;
     const getElementIdMap: typeof elementIdMap.getElementIdMap;

package/dist/node/shadow.d.ts

@@ -3,13 +3,14 @@ import { Trampoline } from "@siteimprove/alfa-trampoline";
 import type { Device } from "@siteimprove/alfa-device";
 import { Iterable } from "@siteimprove/alfa-iterable";
 import * as json from "@siteimprove/alfa-json";
-import { Node } from "../node.js";
 import { Sheet } from "../style/sheet.js";
-import { Element } from "./element.js";
+import { BaseNode } from "./node.js";
+import type { Element } from "./slotable/index.js";
+import type { Node } from "./index.js";
 /**
  * @public
  */
-export declare class Shadow extends Node<"shadow"> {
+export declare class Shadow extends BaseNode<"shadow"> {
     static of(children: Iterable<Node>, style?: Iterable<Sheet>, mode?: Shadow.Mode, externalId?: string, internalId?: string, extraData?: any): Shadow;
     static empty(): Shadow;
     private readonly _mode;
@@ -19,15 +20,15 @@ export declare class Shadow extends Node<"shadow"> {
     get mode(): Shadow.Mode;
     get host(): Option<Element>;
     get style(): Iterable<Sheet>;
-    parent(options?: Node.Traversal): Option<Node>;
+    parent(options?: BaseNode.Traversal): Option<Node>;
     /**
      * @internal
      **/
-    protected _internalPath(options?: Node.Traversal): string;
-    toJSON(options: Node.SerializationOptions & {
+    protected _internalPath(options?: BaseNode.Traversal): string;
+    toJSON(options: BaseNode.SerializationOptions & {
         verbosity: json.Serializable.Verbosity.Minimal | json.Serializable.Verbosity.Low;
     }): Shadow.MinimalJSON;
-    toJSON(options?: Node.SerializationOptions): Shadow.JSON;
+    toJSON(options?: BaseNode.SerializationOptions): Shadow.JSON;
     toString(): string;
     /**
      * @internal
@@ -46,9 +47,9 @@ export declare namespace Shadow {
         Open = "open",
         Closed = "closed"
     }
-    interface MinimalJSON extends Node.JSON {
+    interface MinimalJSON extends BaseNode.JSON {
     }
-    interface JSON extends Node.JSON {
+    interface JSON extends BaseNode.JSON {
         type: "shadow";
         mode: string;
         style: Array<Sheet.JSON>;
@@ -57,10 +58,6 @@ export declare namespace Shadow {
     /**
      * @internal
      */
-    function fromShadow(json: JSON, device?: Device): Trampoline<Shadow>;
-    /**
-     * @internal
-     */
-    function cloneShadow(options: Node.ElementReplacementOptions, device?: Device): (shadow: Shadow) => Trampoline<Shadow>;
+    function fromShadow(json: JSON, fromNode: (json: Node.JSON, device?: Device) => Trampoline<Node>, device?: Device): Trampoline<Shadow>;
 }
 //# sourceMappingURL=shadow.d.ts.map

package/dist/node/shadow.js

@@ -3,13 +3,12 @@ import { String } from "@siteimprove/alfa-string";
 import { Trampoline } from "@siteimprove/alfa-trampoline";
 import { Iterable } from "@siteimprove/alfa-iterable";
 import * as json from "@siteimprove/alfa-json";
-import { Node } from "../node.js";
 import { Sheet } from "../style/sheet.js";
-import { Element } from "./element.js";
+import { BaseNode } from "./node.js";
 /**
  * @public
  */
-export class Shadow extends Node {
+export class Shadow extends BaseNode {
     static of(children, style = [], mode = Shadow.Mode.Open, externalId, internalId, extraData) {
         return new Shadow(Array.from(children), Array.from(style), mode, externalId, internalId, extraData);
     }
@@ -33,10 +32,10 @@ export class Shadow extends Node {
     get style() {
         return this._style;
     }
-    parent(options = Node.Traversal.empty) {
+    parent(options = BaseNode.Traversal.empty) {
         // We only "land" on Shadow roots when traversing the composed tree.
         // Notably, flattening the tree "jumps" over them.
-        if (options.isSet(Node.Traversal.composed)) {
+        if (options.isSet(BaseNode.Traversal.composed)) {
             return this._host;
         }
         return None;
@@ -44,12 +43,12 @@ export class Shadow extends Node {
     /**
      * @internal
      **/
-    _internalPath(options = Node.Traversal.empty) {
-        if (options.isSet(Node.Traversal.composed)) {
+    _internalPath(options = BaseNode.Traversal.empty) {
+        if (options.isSet(BaseNode.Traversal.composed)) {
             return (this._host.map((host) => host.path(options)).getOr("") +
                 "/shadow-root()");
         }
-        if (options.isSet(Node.Traversal.flattened)) {
+        if (options.isSet(BaseNode.Traversal.flattened)) {
             return this._host.map((host) => host.path(options)).getOr("/");
         }
         return "/";
@@ -106,23 +105,9 @@ export class Shadow extends Node {
     /**
      * @internal
      */
-    function fromShadow(json, device) {
-        return Trampoline.traverse(json.children ?? [], (child) => Node.fromNode(child, device)).map((children) => Shadow.of(children, json.style.map(Sheet.from), json.mode, json.externalId, json.internalId));
+    function fromShadow(json, fromNode, device) {
+        return Trampoline.traverse(json.children ?? [], (child) => fromNode(child, device)).map((children) => Shadow.of(children, json.style.map(Sheet.from), json.mode, json.externalId, json.internalId));
     }
     Shadow.fromShadow = fromShadow;
-    /**
-     * @internal
-     */
-    function cloneShadow(options, device) {
-        return (shadow) => Trampoline.traverse(shadow.children(), (child) => {
-            if (Element.isElement(child) && options.predicate(child)) {
-                return Trampoline.done(Array.from(options.newElements));
-            }
-            return Node.cloneNode(child, options, device).map((node) => [node]);
-        }).map((children) => {
-            return Shadow.of(Iterable.flatten(children), shadow.style, shadow.mode, shadow.externalId, shadow.extraData, shadow.internalId);
-        });
-    }
-    Shadow.cloneShadow = cloneShadow;
 })(Shadow || (Shadow = {}));
 //# sourceMappingURL=shadow.js.map

package/dist/node/{element.d.ts → slotable/element.d.ts}

@@ -6,20 +6,21 @@ import { Rectangle } from "@siteimprove/alfa-rectangle";
 import { Sequence } from "@siteimprove/alfa-sequence";
 import { Trampoline } from "@siteimprove/alfa-trampoline";
 import * as json from "@siteimprove/alfa-json";
-import type { Namespace } from "../namespace.js";
-import { Node } from "../node.js";
-import { Block } from "../style/block.js";
-import { Attribute } from "./attribute.js";
-import { Document } from "./document.js";
-import { Shadow } from "./shadow.js";
-import { Slot } from "./slot.js";
+import type { Namespace } from "../../namespace.js";
+import { BaseNode } from "../node.js";
+import { Block } from "../../style/index.js";
+import { Attribute } from "../attribute.js";
+import { Document } from "../document.js";
+import { Shadow } from "../shadow.js";
+import type { Slot } from "./slot.js";
 import { Slotable } from "./slotable.js";
-import type * as helpers from "./element/input-type.js";
-import * as predicate from "./element/predicate.js";
+import type { Node } from "../index.js";
+import type * as helpers from "../element/input-type.js";
+import * as predicate from "../element/predicate/index.js";
 /**
  * @public
  */
-export declare class Element<N extends string = string> extends Node<"element"> implements Slot, Slotable {
+export declare class Element<N extends string = string> extends Slotable<"element"> {
     static of<N extends string = string>(namespace: Option<Namespace>, prefix: Option<string>, name: N, attributes?: Iterable<Attribute>, children?: Iterable<Node>, style?: Option<Block>, box?: Option<Rectangle>, device?: Option<Device>, externalId?: string, internalId?: string, extraData?: any): Element<N>;
     private readonly _namespace;
     private readonly _prefix;
@@ -49,7 +50,7 @@ export declare class Element<N extends string = string> extends Node<"element">
      */
     get classes(): Sequence<string>;
     getBoundingBox(device: Device): Option<Rectangle>;
-    children(options?: Node.Traversal): Sequence<Node>;
+    children(options?: BaseNode.Traversal): Sequence<Node>;
     attribute<A extends string = string>(name: A): Option<Attribute<A>>;
     attribute<A extends string = string>(predicate: Predicate<Attribute<A>>): Option<Attribute<A>>;
     /**
@@ -78,23 +79,20 @@ export declare class Element<N extends string = string> extends Node<"element">
      * {@link https://dom.spec.whatwg.org/#dom-slotable-assignedslot}
      */
     assignedSlot(): Option<Slot>;
-    /**
-     * {@link https://html.spec.whatwg.org/#dom-slot-assignednodes}
-     */
-    assignedNodes(): Iterable<Slotable>;
+    slotableName(): string;
     /**
      * @internal
      **/
-    protected _internalPath(options?: Node.Traversal): string;
-    toJSON(options: Node.SerializationOptions & {
+    protected _internalPath(options?: BaseNode.Traversal): string;
+    toJSON(options: BaseNode.SerializationOptions & {
         verbosity: json.Serializable.Verbosity.Minimal | json.Serializable.Verbosity.Low;
     }): Element.MinimalJSON;
-    toJSON(options: Node.SerializationOptions & {
+    toJSON(options: BaseNode.SerializationOptions & {
         verbosity: json.Serializable.Verbosity.High;
     }): Element.JSON & {
         assignedSlot: Element.MinimalJSON | null;
     };
-    toJSON(options?: Node.SerializationOptions): Element.JSON<N>;
+    toJSON(options?: BaseNode.SerializationOptions): Element.JSON<N>;
     toString(): string;
     /**
      * @internal
@@ -109,9 +107,9 @@ export declare class Element<N extends string = string> extends Node<"element">
  * @public
  */
 export declare namespace Element {
-    interface MinimalJSON extends Node.JSON<"element"> {
+    interface MinimalJSON extends BaseNode.JSON<"element"> {
     }
-    interface JSON<N extends string = string> extends Node.JSON<"element"> {
+    interface JSON<N extends string = string> extends BaseNode.JSON<"element"> {
         namespace: string | null;
         prefix: string | null;
         name: N;
@@ -122,15 +120,18 @@ export declare namespace Element {
         box: Rectangle.JSON | null;
     }
     function isElement(value: unknown): value is Element;
+    function isSlot(value: unknown): value is Slot;
     /**
      * @internal
      */
-    function fromElement<N extends string = string>(json: JSON<N>, device?: Device): Trampoline<Element<N>>;
-    /**
-     * @internal
-     */
-    function cloneElement(options: Node.ElementReplacementOptions, device?: Device): (element: Element) => Trampoline<Element>;
-    const hasAttribute: typeof predicate.hasAttribute, hasDisplaySize: typeof predicate.hasDisplaySize, hasId: typeof predicate.hasId, hasInputType: typeof predicate.hasInputType, hasName: typeof predicate.hasName, hasNamespace: typeof predicate.hasNamespace, hasTabIndex: typeof predicate.hasTabIndex, hasUniqueId: Predicate<Element<string>>, isBrowsingContextContainer: typeof predicate.isBrowsingContextContainer, isContent: typeof predicate.isContent, isActuallyDisabled: typeof predicate.isActuallyDisabled, isDocumentElement: typeof predicate.isDocumentElement, isDraggable: typeof predicate.isDraggable, isEditingHost: typeof predicate.isEditingHost, isFallback: typeof predicate.isFallback, isScopedTo: typeof predicate.isScopedTo, isSuggestedFocusable: typeof predicate.isSuggestedFocusable, isReplaced: typeof predicate.isReplaced;
+    function fromElement<N extends string = string>(json: JSON<N>, fromNode: (json: Node.JSON, device?: Device) => Trampoline<Node>, device?: Device): Trampoline<Element<N>>;
+    const hasAttribute: typeof predicate.hasAttribute, hasDisplaySize: typeof predicate.hasDisplaySize, hasId: typeof predicate.hasId, hasInputType: typeof predicate.hasInputType, hasName: typeof predicate.hasName, hasNamespace: typeof predicate.hasNamespace, hasTabIndex: typeof predicate.hasTabIndex, isBrowsingContextContainer: typeof predicate.isBrowsingContextContainer, isDraggable: typeof predicate.isDraggable, isEditingHost: typeof predicate.isEditingHost, isSuggestedFocusable: typeof predicate.isSuggestedFocusable, isReplaced: typeof predicate.isReplaced;
+    const hasUniqueId: Predicate<Element<string>>;
+    const isActuallyDisabled: Predicate<Element<string>>;
+    const isContent: (options: Node.Traversal) => Predicate<BaseNode>;
+    const isDocumentElement: import("@siteimprove/alfa-refinement").Refinement<unknown, Element<"html">>;
+    const isFallback: Predicate<BaseNode<string>>;
+    const isScopedTo: (name: string, ...rest: Array<string>) => Predicate<Element>;
     type InputType = helpers.InputType;
 }
 //# sourceMappingURL=element.d.ts.map

package/dist/node/{element.js → slotable/element.js}

@@ -7,21 +7,19 @@ import { Sequence } from "@siteimprove/alfa-sequence";
 import { String } from "@siteimprove/alfa-string";
 import { Trampoline } from "@siteimprove/alfa-trampoline";
 import * as json from "@siteimprove/alfa-json";
-import { Node } from "../node.js";
-import { Block } from "../style/block.js";
-import { Declaration } from "../style/declaration.js";
-import { Attribute } from "./attribute.js";
-import { Document } from "./document.js";
-import { Shadow } from "./shadow.js";
-import { Slot } from "./slot.js";
+import { BaseNode } from "../node.js";
+import { Block } from "../../style/index.js";
+import { Attribute } from "../attribute.js";
+import { Document } from "../document.js";
+import { Shadow } from "../shadow.js";
 import { Slotable } from "./slotable.js";
-import * as predicate from "./element/predicate.js";
+import * as predicate from "../element/predicate/index.js";
 const { isEmpty } = Iterable;
 const { and, not, or, test } = Predicate;
 /**
  * @public
  */
-export class Element extends Node {
+export class Element extends Slotable {
     static of(namespace, prefix, name, attributes = [], children = [], style = None, box = None, device = None, externalId, internalId, extraData) {
         return new Element(namespace, prefix, name, Array.from(attributes), Array.from(children), style, box, device, externalId, internalId, extraData);
     }
@@ -90,18 +88,18 @@ export class Element extends Node {
     getBoundingBox(device) {
         return this._boxes.get(device);
     }
-    children(options = Node.Traversal.empty) {
+    children(options = BaseNode.Traversal.empty) {
         const treeChildren = this._children;
         const children = [];
-        if (options.isSet(Node.Traversal.flattened)) {
+        if (options.isSet(BaseNode.Traversal.flattened)) {
             if (this._shadow.isSome()) {
                 return this._shadow.get().children(options);
             }
-            if (Slot.isSlot(this)) {
+            if (Element.isSlot(this)) {
                 return Sequence.from(this.assignedNodes());
             }
             for (const child of treeChildren) {
-                if (Slot.isSlot(child)) {
+                if (Element.isSlot(child)) {
                     children.push(...child.children(options));
                 }
                 else {
@@ -110,12 +108,12 @@ export class Element extends Node {
             }
         }
         else {
-            if (options.isSet(Node.Traversal.composed) && this._shadow.isSome()) {
+            if (options.isSet(BaseNode.Traversal.composed) && this._shadow.isSome()) {
                 children.push(this._shadow.get());
             }
             children.push(...treeChildren);
         }
-        if (options.isSet(Node.Traversal.nested) && this._content.isSome()) {
+        if (options.isSet(BaseNode.Traversal.nested) && this._content.isSome()) {
             children.push(this._content.get());
         }
         return Sequence.from(children);
@@ -189,7 +187,7 @@ export class Element extends Node {
             not(and(Element.hasName("dialog"), Element.hasAttribute("open"))), 
             // and with an inert ancestor.
             (element) => element
-                .parent(Node.flatTree)
+                .parent(BaseNode.flatTree)
                 .filter(Element.isElement)
                 .some((parent) => parent.isInert()))), this);
         }
@@ -213,13 +211,18 @@ export class Element extends Node {
      * {@link https://dom.spec.whatwg.org/#dom-slotable-assignedslot}
      */
     assignedSlot() {
-        return Slotable.findSlot(this);
+        const name = this.slotableName();
+        return this.parent()
+            .filter(Element.isElement)
+            .flatMap((parent) => parent.shadow.flatMap((shadow) => shadow
+            .descendants()
+            .filter(Element.isSlot)
+            .find((slot) => slot.slotName() === name)));
     }
-    /**
-     * {@link https://html.spec.whatwg.org/#dom-slot-assignednodes}
-     */
-    assignedNodes() {
-        return Slot.findSlotables(this);
+    slotableName() {
+        return this.attribute("slot")
+            .map((slot) => slot.value)
+            .getOr("");
     }
     /**
      * @internal
@@ -317,48 +320,34 @@ export class Element extends Node {
         return value instanceof Element;
     }
     Element.isElement = isElement;
+    function isSlot(value) {
+        return Element.isElement(value) && value.name === "slot";
+    }
+    Element.isSlot = isSlot;
     /**
      * @internal
      */
-    function fromElement(json, device) {
-        return Trampoline.traverse(json.children ?? [], (child) => Node.fromNode(child, device)).map((children) => {
+    function fromElement(json, fromNode, device) {
+        return Trampoline.traverse(json.children ?? [], (child) => fromNode(child, device)).map((children) => {
             const element = Element.of(Option.from(json.namespace), Option.from(json.prefix), json.name, json.attributes.map((attribute) => Attribute.fromAttribute(attribute).run()), children, json.style?.length === 0
                 ? None
                 : Option.from(json.style).map(Block.from), Option.from(json.box).map(Rectangle.from), Option.from(device), json.externalId, json.internalId);
             if (json.shadow !== null) {
-                element._attachShadow(Shadow.fromShadow(json.shadow, device).run());
+                element._attachShadow(Shadow.fromShadow(json.shadow, fromNode, device).run());
             }
             if (json.content !== null) {
-                element._attachContent(Document.fromDocument(json.content, device).run());
+                element._attachContent(Document.fromDocument(json.content, fromNode, device).run());
             }
             return element;
         });
     }
     Element.fromElement = fromElement;
-    /**
-     * @internal
-     */
-    function cloneElement(options, device) {
-        return (element) => Trampoline.traverse(element.children(), (child) => {
-            if (Element.isElement(child) && options.predicate(child)) {
-                return Trampoline.done(Array.from(options.newElements));
-            }
-            return Node.cloneNode(child, options, device).map((node) => [node]);
-        }).map((children) => {
-            const deviceOption = Option.from(device);
-            const clonedElement = Element.of(element.namespace, element.prefix, element.name, element.attributes.map((attribute) => Attribute.clone(attribute, options, device)), Iterable.flatten(children), element.style.map((block) => {
-                return Block.of(Iterable.map(block.declarations, (declaration) => Declaration.of(declaration.name, declaration.value, declaration.important)));
-            }), deviceOption.flatMap((d) => element.getBoundingBox(d)), deviceOption, element.externalId, element.internalId, element.extraData);
-            if (element.shadow.isSome()) {
-                clonedElement._attachShadow(Shadow.clone(element.shadow.get(), options, device));
-            }
-            if (element.content.isSome()) {
-                clonedElement._attachContent(Document.clone(element.content.get(), options, device));
-            }
-            return clonedElement;
-        });
-    }
-    Element.cloneElement = cloneElement;
-    Element.hasAttribute = predicate.hasAttribute, Element.hasDisplaySize = predicate.hasDisplaySize, Element.hasId = predicate.hasId, Element.hasInputType = predicate.hasInputType, Element.hasName = predicate.hasName, Element.hasNamespace = predicate.hasNamespace, Element.hasTabIndex = predicate.hasTabIndex, Element.hasUniqueId = predicate.hasUniqueId, Element.isBrowsingContextContainer = predicate.isBrowsingContextContainer, Element.isContent = predicate.isContent, Element.isActuallyDisabled = predicate.isActuallyDisabled, Element.isDocumentElement = predicate.isDocumentElement, Element.isDraggable = predicate.isDraggable, Element.isEditingHost = predicate.isEditingHost, Element.isFallback = predicate.isFallback, Element.isScopedTo = predicate.isScopedTo, Element.isSuggestedFocusable = predicate.isSuggestedFocusable, Element.isReplaced = predicate.isReplaced;
+    Element.hasAttribute = predicate.hasAttribute, Element.hasDisplaySize = predicate.hasDisplaySize, Element.hasId = predicate.hasId, Element.hasInputType = predicate.hasInputType, Element.hasName = predicate.hasName, Element.hasNamespace = predicate.hasNamespace, Element.hasTabIndex = predicate.hasTabIndex, Element.isBrowsingContextContainer = predicate.isBrowsingContextContainer, Element.isDraggable = predicate.isDraggable, Element.isEditingHost = predicate.isEditingHost, Element.isSuggestedFocusable = predicate.isSuggestedFocusable, Element.isReplaced = predicate.isReplaced;
+    Element.hasUniqueId = predicate.hasUniqueId(isElement);
+    Element.isActuallyDisabled = predicate.isActuallyDisabled(isElement);
+    Element.isContent = predicate.isContent(isElement);
+    Element.isDocumentElement = predicate.isDocumentElement(isElement);
+    Element.isFallback = predicate.isFallback(isElement);
+    Element.isScopedTo = predicate.isScopedTo(isElement);
 })(Element || (Element = {}));
 //# sourceMappingURL=element.js.map

package/dist/node/slotable/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./element.js";
+import "./slot.js";
+export * from "./text.js";
+import { Element } from "./element.js";
+import { Text } from "./text.js";
+/** @public */
+export type Slotable = Element | Text;
+/** @public */
+export declare namespace Slotable {
+    function isSlotable(value: unknown): value is Slotable;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/node/slotable/index.js

@@ -0,0 +1,15 @@
+export * from "./element.js";
+// Load the slot augments.
+import "./slot.js";
+export * from "./text.js";
+import { Element } from "./element.js";
+import { Text } from "./text.js";
+/** @public */
+export var Slotable;
+(function (Slotable) {
+    function isSlotable(value) {
+        return Element.isElement(value) || Text.isText(value);
+    }
+    Slotable.isSlotable = isSlotable;
+})(Slotable || (Slotable = {}));
+//# sourceMappingURL=index.js.map

package/dist/node/slotable/slot.d.ts

@@ -0,0 +1,21 @@
+import { Iterable } from "@siteimprove/alfa-iterable";
+import { Element } from "./element.js";
+import type { Slotable } from "./index.js";
+/** @public */
+export type Slot = Element<"slot">;
+declare module "./element.js" {
+    interface Element<N extends string> {
+        /**
+         * Get the slotables assigned to this slot.
+         *
+         * {@link https://html.spec.whatwg.org/#dom-slot-assignednodes}
+         * {@link https://dom.spec.whatwg.org/#find-slotables}
+         */
+        assignedNodes(this: Slot): Iterable<Slotable>;
+        /**
+         * {@link https://dom.spec.whatwg.org/#slot-name}
+         */
+        slotName(this: Slot): string;
+    }
+}
+//# sourceMappingURL=slot.d.ts.map

package/dist/node/slotable/slot.js

@@ -0,0 +1,23 @@
+import { Iterable } from "@siteimprove/alfa-iterable";
+import { Element } from "./element.js";
+import { Shadow } from "../shadow.js";
+import { Slotable as BaseSlotable } from "./slotable.js";
+Element.prototype.assignedNodes = function* () {
+    const root = this.root();
+    if (Shadow.isShadow(root)) {
+        for (const host of root.host) {
+            for (const child of host.children()) {
+                if (BaseSlotable.isSlotable(child) &&
+                    child.assignedSlot().includes(this)) {
+                    yield child;
+                }
+            }
+        }
+    }
+};
+Element.prototype.slotName = function () {
+    return this.attribute("name")
+        .map((name) => name.value)
+        .getOr("");
+};
+//# sourceMappingURL=slot.js.map

package/dist/node/slotable/slotable.d.ts

@@ -0,0 +1,31 @@
+import type { Option } from "@siteimprove/alfa-option";
+import { BaseNode } from "../node.js";
+import type { Slot } from "./slot.js";
+/**
+ * @public
+ */
+export declare abstract class Slotable<T extends string = string> extends BaseNode<T> {
+    /**
+     * Get the slot that this slotable is assigned to.
+     *
+     * {@link https://dom.spec.whatwg.org/#dom-slotable-assignedslot}
+     * {@link https://dom.spec.whatwg.org/#find-a-slot}
+     *
+     * @privateRemarks
+     * While the implementation is the same for Element and Text nodes, it uses
+     * type guards from Element and therefore cannot really live here without
+     * creating circular dependencies.
+     */
+    abstract assignedSlot(): Option<Slot>;
+    /**
+     * {@link https://dom.spec.whatwg.org/#slotable-name}
+     */
+    abstract slotableName(): string;
+}
+/**
+ * @public
+ */
+export declare namespace Slotable {
+    function isSlotable(value: unknown): value is Slotable;
+}
+//# sourceMappingURL=slotable.d.ts.map