@genesislcap/foundation-comms 14.302.0 → 14.302.1-alpha-945e484.0

package/docs/api/foundation-comms.datasourceeventhandler.md

@@ -2,7 +2,7 @@
 
 [Home](./index.md) > [@genesislcap/foundation-comms](./foundation-comms.md) > [DatasourceEventHandler](./foundation-comms.datasourceeventhandler.md)
 
-## DatasourceEventHandler variable
+## DatasourceEventHandler() function
 
 Datasource event handler mixin for target classes that use or are interested in datasource status changes.
 
@@ -20,6 +20,7 @@ DatasourceEventHandler: (Target: new () => HTMLElement & FASTElement) => {
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -28,74 +29,90 @@ DatasourceEventHandler: (Target: new () => HTMLElement & FASTElement) => {
         lang: string;
         readonly offsetHeight: number;
         readonly offsetLeft: number;
-        readonly offsetParent: Element;
+        readonly offsetParent: Element | null;
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
+        writingSuggestions: string;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(options?: boolean): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
         readonly clientTop: number;
         readonly clientWidth: number;
+        readonly currentCSSZoom: number;
         id: string;
+        innerHTML: string;
         readonly localName: string;
-        readonly namespaceURI: string;
-        onfullscreenchange: (this: Element, ev: Event) => any;
-        onfullscreenerror: (this: Element, ev: Event) => any;
+        readonly namespaceURI: string | null;
+        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
-        readonly prefix: string;
+        get part(): DOMTokenList;
+        set part(value: string);
+        readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
         scrollTop: number;
         readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot;
+        readonly shadowRoot: ShadowRoot | null;
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
-        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2];
-        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3];
-        closest<E extends Element = Element>(selectors: string): E;
-        getAttribute(qualifiedName: string): string;
-        getAttributeNS(namespace: string, localName: string): string;
+        checkVisibility(options?: CheckVisibilityOptions): boolean;
+        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+        closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
+        getAttribute(qualifiedName: string): string | null;
+        getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr;
-        getAttributeNodeNS(namespace: string, localName: string): Attr;
+        getAttributeNode(qualifiedName: string): Attr | null;
+        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        getHTML(options?: GetHTMLOptions): string;
         hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string, localName: string): boolean;
+        hasAttributeNS(namespace: string | null, localName: string): boolean;
         hasAttributes(): boolean;
         hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element;
-        insertAdjacentHTML(position: InsertPosition, text: string): void;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+        insertAdjacentHTML(position: InsertPosition, string: string): void;
         insertAdjacentText(where: InsertPosition, data: string): void;
         matches(selectors: string): boolean;
         releasePointerCapture(pointerId: number): void;
         removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string, localName: string): void;
+        removeAttributeNS(namespace: string | null, localName: string): void;
         removeAttributeNode(attr: Attr): Attr;
         requestFullscreen(options?: FullscreenOptions): Promise<void>;
-        requestPointerLock(): void;
+        requestPointerLock(options?: PointerLockOptions): Promise<void>;
         scroll(options?: ScrollToOptions): void;
         scroll(x: number, y: number): void;
         scrollBy(options?: ScrollToOptions): void;
@@ -104,221 +121,245 @@ DatasourceEventHandler: (Target: new () => HTMLElement & FASTElement) => {
         scrollTo(options?: ScrollToOptions): void;
         scrollTo(x: number, y: number): void;
         setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr;
-        setAttributeNodeNS(attr: Attr): Attr;
+        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+        setAttributeNode(attr: Attr): Attr | null;
+        setAttributeNodeNS(attr: Attr): Attr | null;
+        setHTMLUnsafe(html: string): void;
         setPointerCapture(pointerId: number): void;
         toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         webkitMatchesSelector(selectors: string): boolean;
+        textContent: string;
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode;
+        readonly firstChild: ChildNode | null;
         readonly isConnected: boolean;
-        readonly lastChild: ChildNode;
-        readonly nextSibling: ChildNode;
+        readonly lastChild: ChildNode | null;
+        readonly nextSibling: ChildNode | null;
         readonly nodeName: string;
         readonly nodeType: number;
-        nodeValue: string;
-        readonly parentElement: HTMLElement;
-        readonly parentNode: ParentNode;
-        readonly previousSibling: ChildNode;
-        textContent: string;
+        nodeValue: string | null;
+        readonly parentElement: HTMLElement | null;
+        readonly parentNode: ParentNode | null;
+        readonly previousSibling: ChildNode | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
-        contains(other: Node): boolean;
+        contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
         hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
-        isDefaultNamespace(namespace: string): boolean;
-        isEqualNode(otherNode: Node): boolean;
-        isSameNode(otherNode: Node): boolean;
-        lookupNamespaceURI(prefix: string): string;
-        lookupPrefix(namespace: string): string;
+        insertBefore<T extends Node>(node: T, child: Node | null): T;
+        isDefaultNamespace(namespace: string | null): boolean;
+        isEqualNode(otherNode: Node | null): boolean;
+        isSameNode(otherNode: Node | null): boolean;
+        lookupNamespaceURI(prefix: string | null): string | null;
+        lookupPrefix(namespace: string | null): string | null;
         normalize(): void;
-        removeChild<T_2 extends Node>(child: T_2): T_2;
-        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
+        removeChild<T extends Node>(child: T): T;
+        replaceChild<T extends Node>(node: Node, child: T): T;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
-        ariaAtomic: string;
-        ariaAutoComplete: string;
-        ariaBusy: string;
-        ariaChecked: string;
-        ariaColCount: string;
-        ariaColIndex: string;
-        ariaColIndexText: string;
-        ariaColSpan: string;
-        ariaCurrent: string;
-        ariaDisabled: string;
-        ariaExpanded: string;
-        ariaHasPopup: string;
-        ariaHidden: string;
-        ariaInvalid: string;
-        ariaKeyShortcuts: string;
-        ariaLabel: string;
-        ariaLevel: string;
-        ariaLive: string;
-        ariaModal: string;
-        ariaMultiLine: string;
-        ariaMultiSelectable: string;
-        ariaOrientation: string;
-        ariaPlaceholder: string;
-        ariaPosInSet: string;
-        ariaPressed: string;
-        ariaReadOnly: string;
-        ariaRequired: string;
-        ariaRoleDescription: string;
-        ariaRowCount: string;
-        ariaRowIndex: string;
-        ariaRowIndexText: string;
-        ariaRowSpan: string;
-        ariaSelected: string;
-        ariaSetSize: string;
-        ariaSort: string;
-        ariaValueMax: string;
-        ariaValueMin: string;
-        ariaValueNow: string;
-        ariaValueText: string;
-        role: string;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
+        ariaActiveDescendantElement: Element | null;
+        ariaAtomic: string | null;
+        ariaAutoComplete: string | null;
+        ariaBrailleLabel: string | null;
+        ariaBrailleRoleDescription: string | null;
+        ariaBusy: string | null;
+        ariaChecked: string | null;
+        ariaColCount: string | null;
+        ariaColIndex: string | null;
+        ariaColIndexText: string | null;
+        ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
+        ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
+        ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
+        ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
+        ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
+        ariaHasPopup: string | null;
+        ariaHidden: string | null;
+        ariaInvalid: string | null;
+        ariaKeyShortcuts: string | null;
+        ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
+        ariaLevel: string | null;
+        ariaLive: string | null;
+        ariaModal: string | null;
+        ariaMultiLine: string | null;
+        ariaMultiSelectable: string | null;
+        ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
+        ariaPlaceholder: string | null;
+        ariaPosInSet: string | null;
+        ariaPressed: string | null;
+        ariaReadOnly: string | null;
+        ariaRelevant: string | null;
+        ariaRequired: string | null;
+        ariaRoleDescription: string | null;
+        ariaRowCount: string | null;
+        ariaRowIndex: string | null;
+        ariaRowIndexText: string | null;
+        ariaRowSpan: string | null;
+        ariaSelected: string | null;
+        ariaSetSize: string | null;
+        ariaSort: string | null;
+        ariaValueMax: string | null;
+        ariaValueMin: string | null;
+        ariaValueNow: string | null;
+        ariaValueText: string | null;
+        role: string | null;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
         getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (string | Node)[]): void;
-        before(...nodes: (string | Node)[]): void;
+        after(...nodes: (Node | string)[]): void;
+        before(...nodes: (Node | string)[]): void;
         remove(): void;
-        replaceWith(...nodes: (string | Node)[]): void;
-        innerHTML: string;
-        readonly nextElementSibling: Element;
-        readonly previousElementSibling: Element;
+        replaceWith(...nodes: (Node | string)[]): void;
+        readonly nextElementSibling: Element | null;
+        readonly previousElementSibling: Element | null;
         readonly childElementCount: number;
         readonly children: HTMLCollection;
-        readonly firstElementChild: Element;
-        readonly lastElementChild: Element;
-        append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6];
-        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7];
-        querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
-        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-        replaceChildren(...nodes: (string | Node)[]): void;
-        readonly assignedSlot: HTMLSlotElement;
-        oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
-        oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
-        onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
-        readonly style: CSSStyleDeclaration;
+        readonly firstElementChild: Element | null;
+        readonly lastElementChild: Element | null;
+        append(...nodes: (Node | string)[]): void;
+        prepend(...nodes: (Node | string)[]): void;
+        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+        querySelector<E extends Element = Element>(selectors: string): E | null;
+        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+        replaceChildren(...nodes: (Node | string)[]): void;
+        readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
         readonly isContentEditable: boolean;
-        onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
-        onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onauxclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onbeforeinput: (this: GlobalEventHandlers, ev: InputEvent) => any;
-        onblur: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-        oncancel: (this: GlobalEventHandlers, ev: Event) => any;
-        oncanplay: (this: GlobalEventHandlers, ev: Event) => any;
-        oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any;
-        onchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onclose: (this: GlobalEventHandlers, ev: Event) => any;
-        oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        oncuechange: (this: GlobalEventHandlers, ev: Event) => any;
-        ondblclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        ondrag: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragend: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragenter: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragleave: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragover: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragstart: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondrop: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondurationchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onemptied: (this: GlobalEventHandlers, ev: Event) => any;
-        onended: (this: GlobalEventHandlers, ev: Event) => any;
-        onerror: OnErrorEventHandlerNonNull;
-        onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-        onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;
-        ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        oninput: (this: GlobalEventHandlers, ev: Event) => any;
-        oninvalid: (this: GlobalEventHandlers, ev: Event) => any;
-        onkeydown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onload: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadeddata: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onmousedown: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseenter: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseleave: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmousemove: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseup: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onpause: (this: GlobalEventHandlers, ev: Event) => any;
-        onplay: (this: GlobalEventHandlers, ev: Event) => any;
-        onplaying: (this: GlobalEventHandlers, ev: Event) => any;
-        onpointercancel: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerdown: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerenter: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerleave: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointermove: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerout: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerover: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerup: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onprogress: (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any;
-        onratechange: (this: GlobalEventHandlers, ev: Event) => any;
-        onreset: (this: GlobalEventHandlers, ev: Event) => any;
-        onresize: (this: GlobalEventHandlers, ev: UIEvent) => any;
-        onscroll: (this: GlobalEventHandlers, ev: Event) => any;
-        onsecuritypolicyviolation: (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any;
-        onseeked: (this: GlobalEventHandlers, ev: Event) => any;
-        onseeking: (this: GlobalEventHandlers, ev: Event) => any;
-        onselect: (this: GlobalEventHandlers, ev: Event) => any;
-        onselectionchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onstalled: (this: GlobalEventHandlers, ev: Event) => any;
-        onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
-        onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
-        ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
-        ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
-        ontouchcancel?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchend?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchmove?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchstart?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontransitioncancel: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionend: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionrun: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        onvolumechange: (this: GlobalEventHandlers, ev: Event) => any;
-        onwaiting: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any;
-        onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any;
+        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onerror: OnErrorEventHandler;
+        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
         autofocus: boolean;
         readonly dataset: DOMStringMap;
         nonce?: string;
@@ -326,12 +367,52 @@ DatasourceEventHandler: (Target: new () => HTMLElement & FASTElement) => {
         blur(): void;
         focus(options?: FocusOptions): void;
         readonly $fastController: import("@microsoft/fast-element").Controller;
-        $emit(type: string, detail?: any, options?: Omit<CustomEventInit<any>, "detail">): boolean | void;
+        $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
         attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     };
 }
 ```
 
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+Target
+
+
+</td><td>
+
+new () =&gt; HTMLElement &amp; FASTElement
+
+
+</td><td>
+
+The class to mix the event handler with.
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+{ new (): { datasourceStatus: [DatasourceStatus](./foundation-comms.datasourcestatus.md)<!-- -->; resourceName: string; onDatasourceStatusChanged: (event: [DatasourceStatusChangedEvent](./foundation-comms.datasourcestatuschangedevent.md)<!-- -->) =&gt; void; datasourceStatusChanged(prev: [DatasourceStatus](./foundation-comms.datasourcestatus.md)<!-- -->, next: [DatasourceStatus](./foundation-comms.datasourcestatus.md)<!-- -->): void; connectedCallback(): void; disconnectedCallback(): void; accessKey: string; readonly accessKeyLabel: string; autocapitalize: string; autocorrect: boolean; dir: string; draggable: boolean; hidden: boolean; inert: boolean; innerText: string; lang: string; readonly offsetHeight: number; readonly offsetLeft: number; readonly offsetParent: Element \| null; readonly offsetTop: number; readonly offsetWidth: number; outerText: string; popover: string \| null; spellcheck: boolean; title: string; translate: boolean; writingSuggestions: string; attachInternals(): ElementInternals; click(): void; hidePopover(): void; showPopover(): void; togglePopover(options?: boolean): boolean; addEventListener&lt;K extends keyof HTMLElementEventMap&gt;(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap\[K\]) =&gt; any, options?: boolean \| AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean \| AddEventListenerOptions): void; removeEventListener&lt;K extends keyof HTMLElementEventMap&gt;(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap\[K\]) =&gt; any, options?: boolean \| EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean \| EventListenerOptions): void; readonly attributes: NamedNodeMap; get classList(): DOMTokenList; set classList(value: string); className: string; readonly clientHeight: number; readonly clientLeft: number; readonly clientTop: number; readonly clientWidth: number; readonly currentCSSZoom: number; id: string; innerHTML: string; readonly localName: string; readonly namespaceURI: string \| null; onfullscreenchange: ((this: Element, ev: Event) =&gt; any) \| null; onfullscreenerror: ((this: Element, ev: Event) =&gt; any) \| null; outerHTML: string; readonly ownerDocument: Document; get part(): DOMTokenList; set part(value: string); readonly prefix: string \| null; readonly scrollHeight: number; scrollLeft: number; scrollTop: number; readonly scrollWidth: number; readonly shadowRoot: ShadowRoot \| null; slot: string; readonly tagName: string; attachShadow(init: ShadowRootInit): ShadowRoot; checkVisibility(options?: CheckVisibilityOptions): boolean; closest&lt;K extends keyof HTMLElementTagNameMap&gt;(selector: K): HTMLElementTagNameMap\[K\] \| null; closest&lt;K extends keyof SVGElementTagNameMap&gt;(selector: K): SVGElementTagNameMap\[K\] \| null; closest&lt;K extends keyof MathMLElementTagNameMap&gt;(selector: K): MathMLElementTagNameMap\[K\] \| null; closest&lt;E extends Element = Element&gt;(selectors: string): E \| null; computedStyleMap(): StylePropertyMapReadOnly; getAttribute(qualifiedName: string): string \| null; getAttributeNS(namespace: string \| null, localName: string): string \| null; getAttributeNames(): string\[\]; getAttributeNode(qualifiedName: string): Attr \| null; getAttributeNodeNS(namespace: string \| null, localName: string): Attr \| null; getBoundingClientRect(): DOMRect; getClientRects(): DOMRectList; getElementsByClassName(classNames: string): HTMLCollectionOf&lt;Element&gt;; getElementsByTagName&lt;K extends keyof HTMLElementTagNameMap&gt;(qualifiedName: K): HTMLCollectionOf&lt;HTMLElementTagNameMap\[K\]&gt;; getElementsByTagName&lt;K extends keyof SVGElementTagNameMap&gt;(qualifiedName: K): HTMLCollectionOf&lt;SVGElementTagNameMap\[K\]&gt;; getElementsByTagName&lt;K extends keyof MathMLElementTagNameMap&gt;(qualifiedName: K): HTMLCollectionOf&lt;MathMLElementTagNameMap\[K\]&gt;; getElementsByTagName&lt;K extends keyof HTMLElementDeprecatedTagNameMap&gt;(qualifiedName: K): HTMLCollectionOf&lt;HTMLElementDeprecatedTagNameMap\[K\]&gt;; getElementsByTagName(qualifiedName: string): HTMLCollectionOf&lt;Element&gt;; getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf&lt;HTMLElement&gt;; getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf&lt;SVGElement&gt;; getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf&lt;MathMLElement&gt;; getElementsByTagNameNS(namespace: string \| null, localName: string): HTMLCollectionOf&lt;Element&gt;; getHTML(options?: GetHTMLOptions): string; hasAttribute(qualifiedName: string): boolean; hasAttributeNS(namespace: string \| null, localName: string): boolean; hasAttributes(): boolean; hasPointerCapture(pointerId: number): boolean; insertAdjacentElement(where: InsertPosition, element: Element): Element \| null; insertAdjacentHTML(position: InsertPosition, string: string): void; insertAdjacentText(where: InsertPosition, data: string): void; matches(selectors: string): boolean; releasePointerCapture(pointerId: number): void; removeAttribute(qualifiedName: string): void; removeAttributeNS(namespace: string \| null, localName: string): void; removeAttributeNode(attr: Attr): Attr; requestFullscreen(options?: FullscreenOptions): Promise&lt;void&gt;; requestPointerLock(options?: PointerLockOptions): Promise&lt;void&gt;; scroll(options?: ScrollToOptions): void; scroll(x: number, y: number): void; scrollBy(options?: ScrollToOptions): void; scrollBy(x: number, y: number): void; scrollIntoView(arg?: boolean \| ScrollIntoViewOptions): void; scrollTo(options?: ScrollToOptions): void; scrollTo(x: number, y: number): void; setAttribute(qualifiedName: string, value: string): void; setAttributeNS(namespace: string \| null, qualifiedName: string, value: string): void; setAttributeNode(attr: Attr): Attr \| null; setAttributeNodeNS(attr: Attr): Attr \| null; setHTMLUnsafe(html: string): void; setPointerCapture(pointerId: number): void; toggleAttribute(qualifiedName: string, force?: boolean): boolean; webkitMatchesSelector(selectors: string): boolean; textContent: string; readonly baseURI: string; readonly childNodes: NodeListOf&lt;ChildNode&gt;; readonly firstChild: ChildNode \| null; readonly isConnected: boolean; readonly lastChild: ChildNode \| null; readonly nextSibling: ChildNode \| null; readonly nodeName: string; readonly nodeType: number; nodeValue: string \| null; readonly parentElement: HTMLElement \| null; readonly parentNode: ParentNode \| null; readonly previousSibling: ChildNode \| null; appendChild&lt;T extends Node&gt;(node: T): T; cloneNode(subtree?: boolean): Node; compareDocumentPosition(other: Node): number; contains(other: Node \| null): boolean; getRootNode(options?: GetRootNodeOptions): Node; hasChildNodes(): boolean; insertBefore&lt;T extends Node&gt;(node: T, child: Node \| null): T; isDefaultNamespace(namespace: string \| null): boolean; isEqualNode(otherNode: Node \| null): boolean; isSameNode(otherNode: Node \| null): boolean; lookupNamespaceURI(prefix: string \| null): string \| null; lookupPrefix(namespace: string \| null): string \| null; normalize(): void; removeChild&lt;T extends Node&gt;(child: T): T; replaceChild&lt;T extends Node&gt;(node: Node, child: T): T; readonly ELEMENT\_NODE: 1; readonly ATTRIBUTE\_NODE: 2; readonly TEXT\_NODE: 3; readonly CDATA\_SECTION\_NODE: 4; readonly ENTITY\_REFERENCE\_NODE: 5; readonly ENTITY\_NODE: 6; readonly PROCESSING\_INSTRUCTION\_NODE: 7; readonly COMMENT\_NODE: 8; readonly DOCUMENT\_NODE: 9; readonly DOCUMENT\_TYPE\_NODE: 10; readonly DOCUMENT\_FRAGMENT\_NODE: 11; readonly NOTATION\_NODE: 12; readonly DOCUMENT\_POSITION\_DISCONNECTED: 1; readonly DOCUMENT\_POSITION\_PRECEDING: 2; readonly DOCUMENT\_POSITION\_FOLLOWING: 4; readonly DOCUMENT\_POSITION\_CONTAINS: 8; readonly DOCUMENT\_POSITION\_CONTAINED\_BY: 16; readonly DOCUMENT\_POSITION\_IMPLEMENTATION\_SPECIFIC: 32; dispatchEvent(event: Event): boolean; ariaActiveDescendantElement: Element \| null; ariaAtomic: string \| null; ariaAutoComplete: string \| null; ariaBrailleLabel: string \| null; ariaBrailleRoleDescription: string \| null; ariaBusy: string \| null; ariaChecked: string \| null; ariaColCount: string \| null; ariaColIndex: string \| null; ariaColIndexText: string \| null; ariaColSpan: string \| null; ariaControlsElements: ReadonlyArray&lt;Element&gt; \| null; ariaCurrent: string \| null; ariaDescribedByElements: ReadonlyArray&lt;Element&gt; \| null; ariaDescription: string \| null; ariaDetailsElements: ReadonlyArray&lt;Element&gt; \| null; ariaDisabled: string \| null; ariaErrorMessageElements: ReadonlyArray&lt;Element&gt; \| null; ariaExpanded: string \| null; ariaFlowToElements: ReadonlyArray&lt;Element&gt; \| null; ariaHasPopup: string \| null; ariaHidden: string \| null; ariaInvalid: string \| null; ariaKeyShortcuts: string \| null; ariaLabel: string \| null; ariaLabelledByElements: ReadonlyArray&lt;Element&gt; \| null; ariaLevel: string \| null; ariaLive: string \| null; ariaModal: string \| null; ariaMultiLine: string \| null; ariaMultiSelectable: string \| null; ariaOrientation: string \| null; ariaOwnsElements: ReadonlyArray&lt;Element&gt; \| null; ariaPlaceholder: string \| null; ariaPosInSet: string \| null; ariaPressed: string \| null; ariaReadOnly: string \| null; ariaRelevant: string \| null; ariaRequired: string \| null; ariaRoleDescription: string \| null; ariaRowCount: string \| null; ariaRowIndex: string \| null; ariaRowIndexText: string \| null; ariaRowSpan: string \| null; ariaSelected: string \| null; ariaSetSize: string \| null; ariaSort: string \| null; ariaValueMax: string \| null; ariaValueMin: string \| null; ariaValueNow: string \| null; ariaValueText: string \| null; role: string \| null; animate(keyframes: Keyframe\[\] \| PropertyIndexedKeyframes \| null, options?: number \| KeyframeAnimationOptions): Animation; getAnimations(options?: GetAnimationsOptions): Animation\[\]; after(...nodes: (Node \| string)\[\]): void; before(...nodes: (Node \| string)\[\]): void; remove(): void; replaceWith(...nodes: (Node \| string)\[\]): void; readonly nextElementSibling: Element \| null; readonly previousElementSibling: Element \| null; readonly childElementCount: number; readonly children: HTMLCollection; readonly firstElementChild: Element \| null; readonly lastElementChild: Element \| null; append(...nodes: (Node \| string)\[\]): void; prepend(...nodes: (Node \| string)\[\]): void; querySelector&lt;K extends keyof HTMLElementTagNameMap&gt;(selectors: K): HTMLElementTagNameMap\[K\] \| null; querySelector&lt;K extends keyof SVGElementTagNameMap&gt;(selectors: K): SVGElementTagNameMap\[K\] \| null; querySelector&lt;K extends keyof MathMLElementTagNameMap&gt;(selectors: K): MathMLElementTagNameMap\[K\] \| null; querySelector&lt;K extends keyof HTMLElementDeprecatedTagNameMap&gt;(selectors: K): HTMLElementDeprecatedTagNameMap\[K\] \| null; querySelector&lt;E extends Element = Element&gt;(selectors: string): E \| null; querySelectorAll&lt;K extends keyof HTMLElementTagNameMap&gt;(selectors: K): NodeListOf&lt;HTMLElementTagNameMap\[K\]&gt;; querySelectorAll&lt;K extends keyof SVGElementTagNameMap&gt;(selectors: K): NodeListOf&lt;SVGElementTagNameMap\[K\]&gt;; querySelectorAll&lt;K extends keyof MathMLElementTagNameMap&gt;(selectors: K): NodeListOf&lt;MathMLElementTagNameMap\[K\]&gt;; querySelectorAll&lt;K extends keyof HTMLElementDeprecatedTagNameMap&gt;(selectors: K): NodeListOf&lt;HTMLElementDeprecatedTagNameMap\[K\]&gt;; querySelectorAll&lt;E extends Element = Element&gt;(selectors: string): NodeListOf&lt;E&gt;; replaceChildren(...nodes: (Node \| string)\[\]): void; readonly assignedSlot: HTMLSlotElement \| null; readonly attributeStyleMap: StylePropertyMap; get style(): CSSStyleDeclaration; set style(cssText: string); contentEditable: string; enterKeyHint: string; inputMode: string; readonly isContentEditable: boolean; onabort: ((this: GlobalEventHandlers, ev: UIEvent) =&gt; any) \| null; onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) =&gt; any) \| null; onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) =&gt; any) \| null; onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) =&gt; any) \| null; onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) =&gt; any) \| null; onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) =&gt; any) \| null; onbeforematch: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) =&gt; any) \| null; onblur: ((this: GlobalEventHandlers, ev: FocusEvent) =&gt; any) \| null; oncancel: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oncanplay: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onchange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onclick: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onclose: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oncontextlost: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; oncontextrestored: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) =&gt; any) \| null; oncuechange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) =&gt; any) \| null; ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; ondrag: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondragend: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondragover: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondrop: ((this: GlobalEventHandlers, ev: DragEvent) =&gt; any) \| null; ondurationchange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onemptied: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onended: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onerror: OnErrorEventHandler; onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) =&gt; any) \| null; onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) =&gt; any) \| null; ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; oninput: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; oninvalid: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) =&gt; any) \| null; onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) =&gt; any) \| null; onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) =&gt; any) \| null; onload: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onloadeddata: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onloadstart: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) =&gt; any) \| null; onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) =&gt; any) \| null; onpause: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onplay: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onplaying: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) =&gt; any) \| null; onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) =&gt; any) \| null; onratechange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onreset: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onresize: ((this: GlobalEventHandlers, ev: UIEvent) =&gt; any) \| null; onscroll: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onscrollend: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) =&gt; any) \| null; onseeked: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onseeking: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onselect: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onselectionchange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onselectstart: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onslotchange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onstalled: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) =&gt; any) \| null; onsuspend: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; ontimeupdate: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) =&gt; any) \| null; ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) =&gt; any) \| null \| undefined; ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) =&gt; any) \| null \| undefined; ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) =&gt; any) \| null \| undefined; ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) =&gt; any) \| null \| undefined; ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) =&gt; any) \| null; ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) =&gt; any) \| null; ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) =&gt; any) \| null; ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) =&gt; any) \| null; onvolumechange: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onwaiting: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) =&gt; any) \| null; onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) =&gt; any) \| null; autofocus: boolean; readonly dataset: DOMStringMap; nonce?: string; tabIndex: number; blur(): void; focus(options?: FocusOptions): void; readonly $fastController: import("@microsoft/fast-element").Controller; $emit(type: string, detail?: any, options?: Omit&lt;CustomEventInit, "detail"&gt;): boolean \| void; attributeChangedCallback(name: string, oldValue: string, newValue: string): void; }; }
+
 ## Remarks
 
 Classes that use the mixin are not required to own the datasource itself, there may be several interested parties.