Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@apollo-elements/fast

Package Overview
Dependencies
Maintainers
1
Versions
30
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@apollo-elements/fast - npm Package Compare versions

Comparing version 1.1.3 to 1.2.0-alpha.0

custom-elements.json

347

apollo-element.d.ts

@@ -8,22 +8,22 @@ import type { GraphQLError } from 'graphql';

new <TData_1 = unknown, TVariables_1 = unknown>(...a: any[]): {
context?: Record<string, unknown>;
data: TData_1;
variables: TVariables_1;
error: Error | ApolloError;
errors: readonly GraphQLError[];
context?: Record<string, unknown> | undefined;
data: TData_1 | null;
variables: TVariables_1 | null;
error: Error | ApolloError | null;
errors: readonly GraphQLError[] | null;
loading: boolean;
client: ApolloClient<NormalizedCacheObject>;
_document: import("graphql").DocumentNode;
client: ApolloClient<NormalizedCacheObject> | null;
_document: import("graphql").DocumentNode | null;
_documentSetByJS: boolean;
_variables: TVariables_1;
_variables: TVariables_1 | null;
_variablesSetByJS: boolean;
mo: MutationObserver;
document: import("graphql").DocumentNode;
mo: MutationObserver | null;
document: import("graphql").DocumentNode | null;
connectedCallback(): void;
disconnectedCallback(): void;
documentChanged?(document: import("graphql").DocumentNode): void;
variablesChanged?(variables: TVariables_1): void;
onMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): import("graphql").DocumentNode;
getDOMVariables(): TVariables_1;
documentChanged?(document: import("graphql").DocumentNode | null): void;
variablesChanged?(variables: TVariables_1 | null): void;
onDOMMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): import("graphql").DocumentNode | null;
getDOMVariables(): TVariables_1 | null;
attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;

@@ -41,3 +41,3 @@ adoptedCallback?(): void;

readonly offsetLeft: number;
readonly offsetParent: Element;
readonly offsetParent: Element | null;
readonly offsetTop: number;

@@ -49,7 +49,7 @@ readonly offsetWidth: number;

click(): void;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(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 "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
readonly assignedSlot: HTMLSlotElement;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
removeEventListener<K_1 extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
readonly assignedSlot: HTMLSlotElement | null;
readonly attributes: NamedNodeMap;

@@ -64,8 +64,8 @@ readonly classList: DOMTokenList;

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 prefix: string;
readonly prefix: string | null;
readonly scrollHeight: number;

@@ -75,19 +75,19 @@ scrollLeft: number;

readonly scrollWidth: number;
readonly shadowRoot: ShadowRoot;
readonly shadowRoot: ShadowRoot | null;
slot: string;
readonly tagName: string;
attachShadow(init: ShadowRootInit): ShadowRoot;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2];
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
closest<E extends Element = Element>(selector: string): E;
getAttribute(qualifiedName: string): string;
getAttributeNS(namespace: string, localName: string): string;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2] | null;
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3] | null;
closest<E extends Element = Element>(selector: string): E | null;
getAttribute(qualifiedName: string): string | null;
getAttributeNS(namespace: string | null, localName: string): string | null;
getAttributeNames(): string[];
getAttributeNode(name: string): Attr;
getAttributeNodeNS(namespaceURI: 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 "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;

@@ -98,6 +98,6 @@ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;

hasAttribute(qualifiedName: string): boolean;
hasAttributeNS(namespace: string, localName: string): boolean;
hasAttributeNS(namespace: string | null, localName: string): boolean;
hasAttributes(): boolean;
hasPointerCapture(pointerId: number): boolean;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element | null;
insertAdjacentHTML(where: InsertPosition, html: string): void;

@@ -109,45 +109,45 @@ insertAdjacentText(where: InsertPosition, text: string): 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>;
requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
requestPointerLock(): void;
scroll(options?: ScrollToOptions): void;
scroll(options?: ScrollToOptions | undefined): void;
scroll(x: number, y: number): void;
scrollBy(options?: ScrollToOptions): void;
scrollBy(options?: ScrollToOptions | undefined): void;
scrollBy(x: number, y: number): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
scrollTo(options?: ScrollToOptions): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
scrollTo(options?: ScrollToOptions | undefined): 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;
setPointerCapture(pointerId: number): void;
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
webkitMatchesSelector(selectors: string): boolean;
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: Node & ParentNode;
readonly previousSibling: ChildNode;
textContent: string;
nodeValue: string | null;
readonly parentElement: HTMLElement | null;
readonly parentNode: (Node & ParentNode) | null;
readonly previousSibling: ChildNode | null;
textContent: string | null;
appendChild<T extends Node>(newChild: T): T;
cloneNode(deep?: boolean): Node;
cloneNode(deep?: boolean | undefined): Node;
compareDocumentPosition(other: Node): number;
contains(other: Node): boolean;
getRootNode(options?: GetRootNodeOptions): Node;
contains(other: Node | null): boolean;
getRootNode(options?: GetRootNodeOptions | undefined): Node;
hasChildNodes(): boolean;
insertBefore<T_1 extends Node>(newChild: T_1, refChild: 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_1 extends Node>(newChild: T_1, refChild: Node | null): T_1;
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;

@@ -175,3 +175,3 @@ removeChild<T_2 extends Node>(oldChild: T_2): T_2;

dispatchEvent(event: Event): boolean;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
getAnimations(): Animation[];

@@ -183,19 +183,19 @@ after(...nodes: (string | Node)[]): void;

innerHTML: string;
readonly nextElementSibling: Element;
readonly previousElementSibling: Element;
readonly nextElementSibling: Element | null;
readonly previousElementSibling: Element | null;
readonly childElementCount: number;
readonly children: HTMLCollection;
readonly firstElementChild: Element;
readonly lastElementChild: Element;
readonly firstElementChild: Element | null;
readonly lastElementChild: Element | null;
append(...nodes: (string | Node)[]): void;
prepend(...nodes: (string | Node)[]): void;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6];
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
querySelector<E_1 extends Element = Element>(selectors: string): E_1;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7] | null;
querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
readonly style: CSSStyleDeclaration;

@@ -206,105 +206,114 @@ contentEditable: 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;
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;
ondragexit: (this: GlobalEventHandlers, ev: Event) => 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;
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;
onstalled: (this: GlobalEventHandlers, ev: Event) => any;
onsubmit: (this: GlobalEventHandlers, ev: Event) => 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;
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: MouseEvent) => 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: MouseEvent) => any) | null;
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
oncuechange: ((this: GlobalEventHandlers, ev: Event) => 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;
ondragexit: ((this: GlobalEventHandlers, ev: Event) => 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;
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;
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;
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => 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;
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;
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsubmit: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontoggle: ((this: GlobalEventHandlers, ev: Event) => 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;
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
autofocus: boolean;
readonly dataset: DOMStringMap;
nonce?: string;
nonce?: string | undefined;
tabIndex: number;
blur(): void;
focus(options?: FocusOptions): void;
focus(options?: FocusOptions | undefined): void;
};
documentType: string;
} & Constructor<CustomElement & FASTElement>;
export declare class ApolloElement<TData = unknown, TVariables = unknown> extends ApolloElement_base<TData, TVariables> implements ApolloElementInterface<TData> {
/**
* `ApolloElement`
*
* 🚀 Custom element base class for Apollo FAST elements.
*
* See [[`ApolloElementInterface`]] for more information on events
*
* @element
*/
export declare class ApolloElement<TData = unknown, TVariables = unknown> extends ApolloElement_base<TData, TVariables> implements ApolloElementInterface<TData, TVariables> {
context?: Record<string, unknown>;
variables: TVariables;
client: ApolloClient<NormalizedCacheObject>;
data: TData;
error: ApolloError | Error;
errors: readonly GraphQLError[];
client: ApolloClient<NormalizedCacheObject> | null;
data: TData | null;
error: ApolloError | Error | null;
errors: readonly GraphQLError[] | null;
loading: boolean;
}
export {};

13

apollo-element.js
import { __decorate } from "tslib";
import { ApolloElementMixin } from '@apollo-elements/mixins/apollo-element-mixin';
import { FASTElement, attr, observable } from '@microsoft/fast-element';
export class ApolloElement extends ApolloElementMixin(FASTElement) {
/**
* `ApolloElement`
*
* 🚀 Custom element base class for Apollo FAST elements.
*
* See [[`ApolloElementInterface`]] for more information on events
*
* @element
*/
export class ApolloElement extends ApolloElementMixin(
// have to cast because of the TypeScript bug which causes the error in apollo-element-mixin
FASTElement) {
constructor() {

@@ -6,0 +17,0 @@ var _a;

18

apollo-element.test.ts

@@ -15,2 +15,4 @@ import type { DocumentNode, GraphQLError } from 'graphql';

class Test extends ApolloElement<Data> {
declare shadowRoot: ShadowRoot;
dataChanged(oldVal: Data, newVal: Data): void {

@@ -30,3 +32,5 @@ oldVal; newVal;

const template = html<Test>`${x => x.client?.test ?? 'FAIL'}`;
@customElement({ name, template }) class Test extends ApolloElement { }
@customElement({ name, template }) class Test extends ApolloElement {
declare shadowRoot: ShadowRoot;
}
const tag = unsafeStatic(name);

@@ -77,9 +81,9 @@ const element = await fixture<Test>(fhtml`<${tag}></${tag}>`);

// ApolloElementInterface
assertType<ApolloClient<NormalizedCacheObject>> (this.client);
assertType<Record<string, unknown>> (this.context);
assertType<ApolloClient<NormalizedCacheObject>> (this.client!);
assertType<Record<string, unknown>> (this.context!);
assertType<boolean> (this.loading);
assertType<DocumentNode> (this.document);
assertType<Error> (this.error);
assertType<readonly GraphQLError[]> (this.errors);
assertType<TypeCheckData> (this.data);
assertType<DocumentNode> (this.document!);
assertType<Error> (this.error!);
assertType<readonly GraphQLError[]> (this.errors!);
assertType<TypeCheckData> (this.data!);
assertType<string> (this.error.message);

@@ -86,0 +90,0 @@ assertType<'a'> (this.data.a);

20

apollo-element.ts

@@ -9,7 +9,17 @@ import type { GraphQLError } from 'graphql';

/**
* `ApolloElement`
*
* 🚀 Custom element base class for Apollo FAST elements.
*
* See [[`ApolloElementInterface`]] for more information on events
*
* @element
*/
export class ApolloElement<TData = unknown, TVariables = unknown>
extends ApolloElementMixin(
// have to cast because of the TypeScript bug which causes the error in apollo-element-mixin
FASTElement as Constructor<CustomElement & FASTElement>
)<TData, TVariables>
implements ApolloElementInterface<TData> {
implements ApolloElementInterface<TData, TVariables> {
declare context?: Record<string, unknown>;

@@ -19,12 +29,12 @@

@observable client: ApolloClient<NormalizedCacheObject> =
@observable client: ApolloClient<NormalizedCacheObject> | null =
window.__APOLLO_CLIENT__ ?? null;
@observable data: TData = null;
@observable data: TData | null = null;
@observable error: ApolloError | Error = null;
@observable error: ApolloError | Error | null = null;
@observable errors: readonly GraphQLError[] = null;
@observable errors: readonly GraphQLError[] | null= null;
@attr({ mode: 'boolean' }) loading = false;
}

369

apollo-mutation.d.ts

@@ -1,3 +0,2 @@

import type { MutationOptions, MutationUpdaterFn, FetchResult } from '@apollo/client/core';
import type { DocumentNode } from 'graphql';
import type { DocumentNode, MutationOptions } from '@apollo/client/core';
import { ApolloElement } from './apollo-element';

@@ -7,39 +6,39 @@ import { ApolloMutationInterface, Constructor } from '@apollo-elements/interfaces';

new <TData_1, TVariables_1>(): {
data: TData_1;
mutation: DocumentNode;
optimisticResponse?: TData_1 | ((vars: TVariables_1) => TData_1);
errorPolicy?: import("@apollo/client/core").ErrorPolicy;
fetchPolicy?: "no-cache";
refetchQueries?: import("@apollo/client/core/watchQueryOptions").RefetchQueryDescription | ((result: FetchResult<TData_1, Record<string, any>, Record<string, any>>) => import("@apollo/client/core/watchQueryOptions").RefetchQueryDescription);
awaitRefetchQueries?: boolean;
client: import("@apollo/client/core").ApolloClient<import("@apollo/client/core").NormalizedCacheObject>;
context?: Record<string, unknown>;
error: Error;
loading: boolean;
variables: TVariables_1;
mutation: DocumentNode | null;
optimisticResponse?: TData_1 | ((vars: TVariables_1) => TData_1) | undefined;
errorPolicy?: "ignore" | "none" | "all" | undefined;
fetchPolicy?: "no-cache" | undefined;
refetchQueries: import("@apollo/client/core/watchQueryOptions").RefetchQueryDescription | ((result: import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>) => import("@apollo/client/core/watchQueryOptions").RefetchQueryDescription) | null | undefined;
awaitRefetchQueries?: boolean | undefined;
called: boolean;
onCompleted?(_data: TData_1): void;
onError?(_error: Error): void;
updater?(cache: import("@apollo/client/core").ApolloCache<TData_1>, mutationResult: FetchResult<TData_1, Record<string, any>, Record<string, any>>): void;
called: boolean;
updater?(cache: import("@apollo/client/core").ApolloCache<TData_1>, mutationResult: import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>): void;
ignoreResults: boolean;
mostRecentMutationId: number;
connectedCallback(): void;
mutate(params?: Partial<MutationOptions<TData_1, TVariables_1>>): Promise<FetchResult<TData_1, Record<string, any>, Record<string, any>>>;
mutate(params?: Partial<MutationOptions<TData_1, TVariables_1>> | undefined): Promise<import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>>;
generateMutationId(): number;
isMostRecentMutation(mutationId: number): boolean;
onCompletedMutation(response: FetchResult<TData_1, Record<string, any>, Record<string, any>>, mutationId: number): FetchResult<TData_1, Record<string, any>, Record<string, any>>;
onMutationError(error: import("@apollo/client/errors").ApolloError, mutationId: number): never;
errors: readonly import("graphql").GraphQLError[];
_document: DocumentNode;
onCompletedMutation(mutationId: number, response: import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>): import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>;
onMutationError(mutationId: number, error: import("@apollo/client/errors").ApolloError): never;
context?: Record<string, unknown> | undefined;
data: TData_1 | null;
variables: TVariables_1 | null;
error: Error | import("@apollo/client/errors").ApolloError | null;
errors: readonly import("graphql").GraphQLError[] | null;
loading: boolean;
client: import("@apollo/client/core").ApolloClient<import("@apollo/client/core").NormalizedCacheObject> | null;
_document: DocumentNode | null;
_documentSetByJS: boolean;
_variables: TVariables_1;
_variables: TVariables_1 | null;
_variablesSetByJS: boolean;
mo: MutationObserver;
document: DocumentNode;
mo: MutationObserver | null;
document: DocumentNode | null;
disconnectedCallback: (() => void) & (() => void);
documentChanged?(document: DocumentNode): void;
variablesChanged?(variables: TVariables_1): void;
onMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): DocumentNode;
getDOMVariables(): TVariables_1;
documentChanged?(document: DocumentNode | null): void;
variablesChanged?(variables: TVariables_1 | null): void;
onDOMMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): DocumentNode | null;
getDOMVariables(): TVariables_1 | null;
attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;

@@ -57,3 +56,3 @@ adoptedCallback?(): void;

readonly offsetLeft: number;
readonly offsetParent: Element;
readonly offsetParent: Element | null;
readonly offsetTop: number;

@@ -65,7 +64,7 @@ readonly offsetWidth: number;

click(): void;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(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 "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
readonly assignedSlot: HTMLSlotElement;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
removeEventListener<K_1 extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
readonly assignedSlot: HTMLSlotElement | null;
readonly attributes: NamedNodeMap;

@@ -80,8 +79,8 @@ readonly classList: DOMTokenList;

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 prefix: string;
readonly prefix: string | null;
readonly scrollHeight: number;

@@ -91,19 +90,19 @@ scrollLeft: number;

readonly scrollWidth: number;
readonly shadowRoot: ShadowRoot;
readonly shadowRoot: ShadowRoot | null;
slot: string;
readonly tagName: string;
attachShadow(init: ShadowRootInit): ShadowRoot;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2];
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
closest<E extends Element = Element>(selector: string): E;
getAttribute(qualifiedName: string): string;
getAttributeNS(namespace: string, localName: string): string;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2] | null;
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3] | null;
closest<E extends Element = Element>(selector: string): E | null;
getAttribute(qualifiedName: string): string | null;
getAttributeNS(namespace: string | null, localName: string): string | null;
getAttributeNames(): string[];
getAttributeNode(name: string): Attr;
getAttributeNodeNS(namespaceURI: 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 "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;

@@ -114,6 +113,6 @@ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;

hasAttribute(qualifiedName: string): boolean;
hasAttributeNS(namespace: string, localName: string): boolean;
hasAttributeNS(namespace: string | null, localName: string): boolean;
hasAttributes(): boolean;
hasPointerCapture(pointerId: number): boolean;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element | null;
insertAdjacentHTML(where: InsertPosition, html: string): void;

@@ -125,45 +124,45 @@ insertAdjacentText(where: InsertPosition, text: string): 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>;
requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
requestPointerLock(): void;
scroll(options?: ScrollToOptions): void;
scroll(options?: ScrollToOptions | undefined): void;
scroll(x: number, y: number): void;
scrollBy(options?: ScrollToOptions): void;
scrollBy(options?: ScrollToOptions | undefined): void;
scrollBy(x: number, y: number): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
scrollTo(options?: ScrollToOptions): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
scrollTo(options?: ScrollToOptions | undefined): 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;
setPointerCapture(pointerId: number): void;
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
webkitMatchesSelector(selectors: string): boolean;
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: Node & ParentNode;
readonly previousSibling: ChildNode;
textContent: string;
nodeValue: string | null;
readonly parentElement: HTMLElement | null;
readonly parentNode: (Node & ParentNode) | null;
readonly previousSibling: ChildNode | null;
textContent: string | null;
appendChild<T extends Node>(newChild: T): T;
cloneNode(deep?: boolean): Node;
cloneNode(deep?: boolean | undefined): Node;
compareDocumentPosition(other: Node): number;
contains(other: Node): boolean;
getRootNode(options?: GetRootNodeOptions): Node;
contains(other: Node | null): boolean;
getRootNode(options?: GetRootNodeOptions | undefined): Node;
hasChildNodes(): boolean;
insertBefore<T_1 extends Node>(newChild: T_1, refChild: 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_1 extends Node>(newChild: T_1, refChild: Node | null): T_1;
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;

@@ -191,3 +190,3 @@ removeChild<T_2 extends Node>(oldChild: T_2): T_2;

dispatchEvent(event: Event): boolean;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
getAnimations(): Animation[];

@@ -199,19 +198,19 @@ after(...nodes: (string | Node)[]): void;

innerHTML: string;
readonly nextElementSibling: Element;
readonly previousElementSibling: Element;
readonly nextElementSibling: Element | null;
readonly previousElementSibling: Element | null;
readonly childElementCount: number;
readonly children: HTMLCollection;
readonly firstElementChild: Element;
readonly lastElementChild: Element;
readonly firstElementChild: Element | null;
readonly lastElementChild: Element | null;
append(...nodes: (string | Node)[]): void;
prepend(...nodes: (string | Node)[]): void;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6];
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
querySelector<E_1 extends Element = Element>(selectors: string): E_1;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7] | null;
querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
readonly style: CSSStyleDeclaration;

@@ -222,93 +221,93 @@ contentEditable: 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;
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;
ondragexit: (this: GlobalEventHandlers, ev: Event) => 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;
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;
onstalled: (this: GlobalEventHandlers, ev: Event) => any;
onsubmit: (this: GlobalEventHandlers, ev: Event) => 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;
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: MouseEvent) => 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: MouseEvent) => any) | null;
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
oncuechange: ((this: GlobalEventHandlers, ev: Event) => 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;
ondragexit: ((this: GlobalEventHandlers, ev: Event) => 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;
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;
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;
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => 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;
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;
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsubmit: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontoggle: ((this: GlobalEventHandlers, ev: Event) => 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;
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
autofocus: boolean;
readonly dataset: DOMStringMap;
nonce?: string;
nonce?: string | undefined;
tabIndex: number;
blur(): void;
focus(options?: FocusOptions): void;
focus(options?: FocusOptions | undefined): void;
};

@@ -321,14 +320,10 @@ documentType: string;

* 👩‍🚀 Custom element base class to issue mutations via your Apollo cache.
*
* See [[`ApolloMutationInterface`]] for more information on events
*
* @element
*/
export declare class ApolloMutation<TData, TVariables> extends ApolloMutation_base<TData, TVariables> implements ApolloMutationInterface<TData, TVariables> {
data: TData;
variables: TVariables;
mutation: DocumentNode;
optimisticResponse?: TData | ((vars: TVariables) => TData);
loading: boolean;
ignoreResults: boolean;
mostRecentMutationId: number;
onCompleted?(_data: FetchResult<TData>): void;
onError?(_error: Error): void;
updater?(...params: Parameters<MutationUpdaterFn<TData>>): ReturnType<MutationUpdaterFn<TData>>;
called: boolean;

@@ -342,4 +337,4 @@ /**

*/
refetchQueries: MutationOptions['refetchQueries'];
refetchQueries: MutationOptions<TData, TVariables>['refetchQueries'] | null;
}
export {};

4

apollo-mutation.js

@@ -16,2 +16,6 @@ import { __decorate } from "tslib";

* 👩‍🚀 Custom element base class to issue mutations via your Apollo cache.
*
* See [[`ApolloMutationInterface`]] for more information on events
*
* @element
*/

@@ -18,0 +22,0 @@ export class ApolloMutation

31

apollo-mutation.test.ts

@@ -10,2 +10,3 @@ import type {

import {
Entries,
NonNullableParamMutationData,

@@ -52,3 +53,5 @@ NonNullableParamMutationVariables,

implements MutationElement<D, V> {
async hasRendered() {
declare shadowRoot: ShadowRoot;
async hasRendered(): Promise<TestableApolloMutation<D, V>> {
await nextFrame();

@@ -92,3 +95,3 @@ await DOM.nextUpdate();

for (const [key, val] of Object.entries(properties ?? {}))
for (const [key, val] of Object.entries(properties ?? {}) as Entries<T>)
key !== 'onCompleted' && key !== 'onError' && (element[key] = val);

@@ -196,9 +199,9 @@

// ApolloElementInterface
assertType<ApolloClient<NormalizedCacheObject>> (this.client);
assertType<Record<string, unknown>> (this.context);
assertType<ApolloClient<NormalizedCacheObject>> (this.client!);
assertType<Record<string, unknown>> (this.context!);
assertType<boolean> (this.loading);
assertType<DocumentNode> (this.document);
assertType<Error> (this.error);
assertType<readonly GraphQLError[]> (this.errors);
assertType<TypeCheckData> (this.data);
assertType<DocumentNode> (this.document!);
assertType<Error> (this.error!);
assertType<readonly GraphQLError[]> (this.errors!);
assertType<TypeCheckData> (this.data!);
assertType<string> (this.error.message);

@@ -213,12 +216,12 @@ assertType<'a'> (this.data.a);

assertType<DocumentNode> (this.mutation);
assertType<TypeCheckVars> (this.variables);
assertType<TypeCheckVars> (this.variables!);
assertType<boolean> (this.called);
assertType<boolean> (this.ignoreResults);
assertType<boolean> (this.awaitRefetchQueries);
assertType<boolean> (this.awaitRefetchQueries!);
assertType<number> (this.mostRecentMutationId);
assertType<ErrorPolicy> (this.errorPolicy);
assertType<ErrorPolicy> (this.errorPolicy!);
assertType<string> (this.errorPolicy);
// @ts-expect-error: ErrorPolicy is not a number
assertType<number> (this.errorPolicy);
assertType<string> (this.fetchPolicy);
assertType<string> (this.fetchPolicy!);
assertType<Extract<FetchPolicy, 'no-cache'>> (this.fetchPolicy);

@@ -229,6 +232,6 @@

else
assertType<RefetchQueryDescription>(this.refetchQueries);
assertType<RefetchQueryDescription>(this.refetchQueries!);
if (typeof this.optimisticResponse !== 'function')
assertType<TypeCheckData>(this.optimisticResponse);
assertType<TypeCheckData>(this.optimisticResponse!);
else

@@ -235,0 +238,0 @@ assertType<(vars: TypeCheckVars) => TypeCheckData>(this.optimisticResponse);

26

apollo-mutation.ts

@@ -1,3 +0,2 @@

import type { MutationOptions, MutationUpdaterFn, FetchResult } from '@apollo/client/core';
import type { DocumentNode } from 'graphql';
import type { DocumentNode, MutationOptions } from '@apollo/client/core';

@@ -22,2 +21,6 @@ import { attr, ValueConverter } from '@microsoft/fast-element';

* 👩‍🚀 Custom element base class to issue mutations via your Apollo cache.
*
* See [[`ApolloMutationInterface`]] for more information on events
*
* @element
*/

@@ -28,6 +31,2 @@ export class ApolloMutation<TData, TVariables>

implements ApolloMutationInterface<TData, TVariables> {
declare data: TData;
declare variables: TVariables;
declare mutation: DocumentNode;

@@ -37,15 +36,2 @@

declare loading: boolean;
declare ignoreResults: boolean;
declare mostRecentMutationId: number;
onCompleted?(_data: FetchResult<TData>): void
onError?(_error: Error): void
updater?(...params: Parameters<MutationUpdaterFn<TData>>):
ReturnType<MutationUpdaterFn<TData>>;
@attr({ mode: 'boolean' }) called = false;

@@ -61,3 +47,3 @@

@attr({ mode: 'fromView', attribute: 'refetch-queries', converter: refetchQueriesConverter })
refetchQueries: MutationOptions['refetchQueries'] = null;
refetchQueries: MutationOptions<TData, TVariables>['refetchQueries'] | null = null;
}

369

apollo-query.d.ts

@@ -7,49 +7,49 @@ /// <reference types="zen-observable" />

new <TData, TVariables>(...a: any[]): {
query: import("graphql/language/ast").DocumentNode;
fetchPolicy: import("@apollo/client/core").FetchPolicy;
partial: boolean;
partialRefetch: boolean;
returnPartialData: boolean;
nextFetchPolicy: import("@apollo/client/core").FetchPolicy;
query: import("graphql/language/ast").DocumentNode | null;
fetchPolicy?: "cache-first" | "network-only" | "cache-only" | "no-cache" | "standby" | undefined;
partial?: boolean | undefined;
partialRefetch?: boolean | undefined;
returnPartialData?: boolean | undefined;
nextFetchPolicy?: "cache-first" | "network-only" | "cache-only" | "no-cache" | "standby" | undefined;
networkStatus: NetworkStatus;
observableQuery: import("@apollo/client/core").ObservableQuery<any, Record<string, any>>;
options: Partial<import("@apollo/client/core").WatchQueryOptions<Record<string, any>, any>>;
observableQuery?: import("@apollo/client/core").ObservableQuery<TData, TVariables> | undefined;
options: Partial<import("@apollo/client/core").WatchQueryOptions<TVariables, TData>> | null;
noAutoSubscribe: boolean;
notifyOnNetworkStatusChange: boolean;
pollInterval: number;
pollInterval?: number | undefined;
onData?(_result: import("@apollo/client/core").ApolloQueryResult<TData>): void;
onError?(_error: Error): void;
errorPolicy: import("@apollo/client/core").ErrorPolicy;
__options: Partial<import("@apollo/client/core").WatchQueryOptions<Record<string, any>, any>>;
__options: Partial<import("@apollo/client/core").WatchQueryOptions<Record<string, any>, any>> | null;
__networkStatus: NetworkStatus;
connectedCallback(): void;
documentChanged(query: import("graphql/language/ast").DocumentNode): void;
documentChanged(query: import("graphql/language/ast").DocumentNode | null): void;
variablesChanged(variables: TVariables): void;
refetch(variables: TVariables): Promise<import("@apollo/client/core").ApolloQueryResult<TData>>;
canSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>>): boolean;
shouldSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>>): boolean;
subscribe(params?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>>): ZenObservable.Subscription;
subscribeToMore(options: import("@apollo/client/core").SubscribeToMoreOptions<any, Record<string, any>, any>): () => void;
executeQuery(params?: Partial<import("@apollo/client/core").QueryOptions<TVariables, any>>): Promise<void | import("@apollo/client/core").ApolloQueryResult<TData>>;
fetchMore(params?: Partial<import("@apollo/client/core").FetchMoreQueryOptions<TVariables, keyof TVariables, any> & import("@apollo/client/core").FetchMoreOptions<TData, TVariables>>): Promise<import("@apollo/client/core").ApolloQueryResult<TData>>;
watchQuery(params?: Partial<import("@apollo/client/core").WatchQueryOptions<Record<string, any>, any>>): import("@apollo/client/core").ObservableQuery<any, Record<string, any>>;
nextData(result?: import("@apollo/client/core").ApolloQueryResult<TData>): void;
refetch(variables: TVariables): void | Promise<import("@apollo/client/core").ApolloQueryResult<TData>>;
canSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<TVariables, TData>> | undefined): boolean;
shouldSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<TVariables, TData>> | undefined): boolean;
subscribe(params?: Partial<import("@apollo/client/core").SubscriptionOptions<TVariables, TData>> | undefined): ZenObservable.Subscription;
subscribeToMore(options: import("@apollo/client/core").SubscribeToMoreOptions<TData, TVariables, TData>): void | (() => void);
executeQuery(params?: Partial<import("@apollo/client/core").QueryOptions<TVariables, any>> | undefined): Promise<import("@apollo/client/core").ApolloQueryResult<TData>>;
fetchMore(params?: Partial<import("@apollo/client/core").FetchMoreQueryOptions<TVariables, keyof TVariables, any> & import("@apollo/client/core").FetchMoreOptions<TData, TVariables>> | undefined): Promise<import("@apollo/client/core").ApolloQueryResult<TData>>;
watchQuery(params?: Partial<import("@apollo/client/core").WatchQueryOptions<TVariables, TData>> | undefined): import("@apollo/client/core").ObservableQuery<TData, TVariables>;
nextData(result: import("@apollo/client/core").ApolloQueryResult<TData>): void;
nextError(error: import("@apollo/client/errors").ApolloError): void;
context?: Record<string, unknown>;
data: TData;
variables: TVariables;
error: Error | import("@apollo/client/errors").ApolloError;
errors: readonly import("graphql").GraphQLError[];
context?: Record<string, unknown> | undefined;
data: TData | null;
variables: TVariables | null;
error: Error | import("@apollo/client/errors").ApolloError | null;
errors: readonly import("graphql").GraphQLError[] | null;
loading: boolean;
client: import("@apollo/client/core").ApolloClient<import("@apollo/client/core").NormalizedCacheObject>;
_document: import("graphql/language/ast").DocumentNode;
client: import("@apollo/client/core").ApolloClient<import("@apollo/client/core").NormalizedCacheObject> | null;
_document: import("graphql/language/ast").DocumentNode | null;
_documentSetByJS: boolean;
_variables: TVariables;
_variables: TVariables | null;
_variablesSetByJS: boolean;
mo: MutationObserver;
document: import("graphql/language/ast").DocumentNode;
mo: MutationObserver | null;
document: import("graphql/language/ast").DocumentNode | null;
disconnectedCallback: (() => void) & (() => void);
onMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): import("graphql/language/ast").DocumentNode;
getDOMVariables(): TVariables;
onDOMMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): import("graphql/language/ast").DocumentNode | null;
getDOMVariables(): TVariables | null;
attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;

@@ -67,3 +67,3 @@ adoptedCallback?(): void;

readonly offsetLeft: number;
readonly offsetParent: Element;
readonly offsetParent: Element | null;
readonly offsetTop: number;

@@ -75,7 +75,7 @@ readonly offsetWidth: number;

click(): void;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(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 "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
readonly assignedSlot: HTMLSlotElement;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
removeEventListener<K_1 extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
readonly assignedSlot: HTMLSlotElement | null;
readonly attributes: NamedNodeMap;

@@ -90,8 +90,8 @@ readonly classList: DOMTokenList;

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 prefix: string;
readonly prefix: string | null;
readonly scrollHeight: number;

@@ -101,19 +101,19 @@ scrollLeft: number;

readonly scrollWidth: number;
readonly shadowRoot: ShadowRoot;
readonly shadowRoot: ShadowRoot | null;
slot: string;
readonly tagName: string;
attachShadow(init: ShadowRootInit): ShadowRoot;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2];
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
closest<E extends Element = Element>(selector: string): E;
getAttribute(qualifiedName: string): string;
getAttributeNS(namespace: string, localName: string): string;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2] | null;
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3] | null;
closest<E extends Element = Element>(selector: string): E | null;
getAttribute(qualifiedName: string): string | null;
getAttributeNS(namespace: string | null, localName: string): string | null;
getAttributeNames(): string[];
getAttributeNode(name: string): Attr;
getAttributeNodeNS(namespaceURI: 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 "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;

@@ -124,6 +124,6 @@ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;

hasAttribute(qualifiedName: string): boolean;
hasAttributeNS(namespace: string, localName: string): boolean;
hasAttributeNS(namespace: string | null, localName: string): boolean;
hasAttributes(): boolean;
hasPointerCapture(pointerId: number): boolean;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element | null;
insertAdjacentHTML(where: InsertPosition, html: string): void;

@@ -135,45 +135,45 @@ insertAdjacentText(where: InsertPosition, text: string): 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>;
requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
requestPointerLock(): void;
scroll(options?: ScrollToOptions): void;
scroll(options?: ScrollToOptions | undefined): void;
scroll(x: number, y: number): void;
scrollBy(options?: ScrollToOptions): void;
scrollBy(options?: ScrollToOptions | undefined): void;
scrollBy(x: number, y: number): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
scrollTo(options?: ScrollToOptions): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
scrollTo(options?: ScrollToOptions | undefined): 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;
setPointerCapture(pointerId: number): void;
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
webkitMatchesSelector(selectors: string): boolean;
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: Node & ParentNode;
readonly previousSibling: ChildNode;
textContent: string;
nodeValue: string | null;
readonly parentElement: HTMLElement | null;
readonly parentNode: (Node & ParentNode) | null;
readonly previousSibling: ChildNode | null;
textContent: string | null;
appendChild<T extends Node>(newChild: T): T;
cloneNode(deep?: boolean): Node;
cloneNode(deep?: boolean | undefined): Node;
compareDocumentPosition(other: Node): number;
contains(other: Node): boolean;
getRootNode(options?: GetRootNodeOptions): Node;
contains(other: Node | null): boolean;
getRootNode(options?: GetRootNodeOptions | undefined): Node;
hasChildNodes(): boolean;
insertBefore<T_1 extends Node>(newChild: T_1, refChild: 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_1 extends Node>(newChild: T_1, refChild: Node | null): T_1;
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;

@@ -201,3 +201,3 @@ removeChild<T_2 extends Node>(oldChild: T_2): T_2;

dispatchEvent(event: Event): boolean;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
getAnimations(): Animation[];

@@ -209,19 +209,19 @@ after(...nodes: (string | Node)[]): void;

innerHTML: string;
readonly nextElementSibling: Element;
readonly previousElementSibling: Element;
readonly nextElementSibling: Element | null;
readonly previousElementSibling: Element | null;
readonly childElementCount: number;
readonly children: HTMLCollection;
readonly firstElementChild: Element;
readonly lastElementChild: Element;
readonly firstElementChild: Element | null;
readonly lastElementChild: Element | null;
append(...nodes: (string | Node)[]): void;
prepend(...nodes: (string | Node)[]): void;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6];
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
querySelector<E_1 extends Element = Element>(selectors: string): E_1;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7] | null;
querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
readonly style: CSSStyleDeclaration;

@@ -232,93 +232,93 @@ contentEditable: 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;
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;
ondragexit: (this: GlobalEventHandlers, ev: Event) => 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;
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;
onstalled: (this: GlobalEventHandlers, ev: Event) => any;
onsubmit: (this: GlobalEventHandlers, ev: Event) => 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;
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: MouseEvent) => 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: MouseEvent) => any) | null;
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
oncuechange: ((this: GlobalEventHandlers, ev: Event) => 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;
ondragexit: ((this: GlobalEventHandlers, ev: Event) => 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;
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;
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;
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => 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;
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;
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsubmit: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontoggle: ((this: GlobalEventHandlers, ev: Event) => 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;
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
autofocus: boolean;
readonly dataset: DOMStringMap;
nonce?: string;
nonce?: string | undefined;
tabIndex: number;
blur(): void;
focus(options?: FocusOptions): void;
focus(options?: FocusOptions | undefined): void;
};

@@ -331,2 +331,7 @@ documentType: string;

* 🚀 Custom element base class that connects to your Apollo cache.
*
* @element
*
* See [[`ApolloQueryInterface`]] for more information on events
*
*/

@@ -333,0 +338,0 @@ export declare class ApolloQuery<Data, Variables> extends ApolloQuery_base<Data, Variables> implements ApolloQueryInterface<Data, Variables> {

5

apollo-query.js

@@ -10,2 +10,7 @@ import { __decorate } from "tslib";

* 🚀 Custom element base class that connects to your Apollo cache.
*
* @element
*
* See [[`ApolloQueryInterface`]] for more information on events
*
*/

@@ -12,0 +17,0 @@ export class ApolloQuery

36

apollo-query.test.ts

@@ -11,3 +11,3 @@ import type {

import type { DocumentNode, GraphQLError } from 'graphql';
import type { SetupOptions } from '@apollo-elements/test-helpers';
import type { Entries, SetupOptions } from '@apollo-elements/test-helpers';

@@ -74,3 +74,3 @@ import {

for (const [key, val] of Object.entries(opts?.properties ?? {}))
for (const [key, val] of Object.entries(opts?.properties ?? {}) as Entries<T>)
element[key] = val;

@@ -106,9 +106,9 @@

// ApolloElementInterface
assertType<ApolloClient<NormalizedCacheObject>> (this.client);
assertType<Record<string, unknown>> (this.context);
assertType<ApolloClient<NormalizedCacheObject>> (this.client!);
assertType<Record<string, unknown>> (this.context!);
assertType<boolean> (this.loading);
assertType<DocumentNode> (this.document);
assertType<Error> (this.error);
assertType<readonly GraphQLError[]> (this.errors);
assertType<TypeCheckData> (this.data);
assertType<DocumentNode> (this.document!);
assertType<Error> (this.error!);
assertType<readonly GraphQLError[]> (this.errors!);
assertType<TypeCheckData> (this.data!);
assertType<string> (this.error.message);

@@ -121,4 +121,4 @@ assertType<'a'> (this.data.a);

// ApolloQueryInterface
assertType<DocumentNode> (this.query);
assertType<TypeCheckVars> (this.variables);
assertType<DocumentNode> (this.query!);
assertType<TypeCheckVars> (this.variables!);
assertType<ErrorPolicy> (this.errorPolicy);

@@ -128,5 +128,5 @@ assertType<string> (this.errorPolicy);

assertType<number> (this.errorPolicy);
assertType<FetchPolicy> (this.fetchPolicy);
assertType<FetchPolicy> (this.fetchPolicy!);
assertType<string> (this.fetchPolicy);
assertType<FetchPolicy> (this.nextFetchPolicy);
assertType<FetchPolicy> (this.nextFetchPolicy!);
assertType<string> (this.nextFetchPolicy);

@@ -138,9 +138,9 @@ assertType<NetworkStatus> (this.networkStatus);

assertType<boolean> (this.notifyOnNetworkStatusChange);
assertType<number> (this.pollInterval);
assertType<boolean> (this.partial);
assertType<boolean> (this.partialRefetch);
assertType<boolean> (this.returnPartialData);
assertType<number> (this.pollInterval!);
assertType<boolean> (this.partial!);
assertType<boolean> (this.partialRefetch!);
assertType<boolean> (this.returnPartialData!);
assertType<boolean> (this.noAutoSubscribe);
assertType<ObservableQuery> (this.observableQuery);
assertType<Partial<WatchQueryOptions>> (this.options);
assertType<ObservableQuery<TypeCheckData, TypeCheckVars>> (this.observableQuery!);
assertType<Partial<WatchQueryOptions<TypeCheckVars, TypeCheckData>>> (this.options!);

@@ -147,0 +147,0 @@ /* eslint-enable max-len, func-call-spacing, no-multi-spaces */

5

apollo-query.ts

@@ -12,2 +12,7 @@ import { NetworkStatus } from '@apollo/client/core';

* 🚀 Custom element base class that connects to your Apollo cache.
*
* @element
*
* See [[`ApolloQueryInterface`]] for more information on events
*
*/

@@ -14,0 +19,0 @@ export class ApolloQuery<Data, Variables>

348

apollo-subscription.d.ts

@@ -6,12 +6,12 @@ /// <reference types="zen-observable" />

new <TData_1, TVariables_1>(...a: any[]): {
data: TData_1;
fetchPolicy: import("@apollo/client/core").FetchPolicy;
pollInterval: number;
data: TData_1 | null;
fetchPolicy?: "cache-first" | "network-only" | "cache-only" | "no-cache" | "standby" | undefined;
pollInterval?: number | undefined;
noAutoSubscribe: boolean;
observable: import("zen-observable")<import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>>;
observableSubscription: ZenObservable.Subscription;
subscription: import("graphql").DocumentNode;
variables: TVariables_1;
observable?: import("zen-observable")<import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>> | undefined;
observableSubscription?: ZenObservable.Subscription | undefined;
subscription: import("graphql").DocumentNode | null;
variables: TVariables_1 | null;
notifyOnNetworkStatusChange: boolean;
shouldResubscribe: boolean | ((options: import("@apollo-elements/interfaces").SubscriptionDataOptions<unknown, Record<string, any>>) => boolean);
shouldResubscribe: boolean | ((options: import("@apollo-elements/interfaces").SubscriptionDataOptions<unknown, Record<string, any>>) => boolean) | undefined;
skip: boolean;

@@ -25,7 +25,7 @@ onSubscriptionData?(_result: import("@apollo-elements/interfaces").OnSubscriptionDataParams<TData_1>): void;

variablesChanged(variables: TVariables_1): void;
subscribe(params?: Partial<import("@apollo-elements/interfaces").SubscriptionDataOptions<TData_1, TVariables_1>>): void;
subscribe(params?: Partial<import("@apollo-elements/interfaces").SubscriptionDataOptions<TData_1, TVariables_1>> | undefined): void;
cancel(): void;
canSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>>): boolean;
shouldSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>>): boolean;
initObservable(params?: Partial<import("@apollo-elements/interfaces").SubscriptionDataOptions<TData_1, TVariables_1>>): void;
canSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>> | undefined): boolean;
shouldSubscribe(options?: Partial<import("@apollo/client/core").SubscriptionOptions<Record<string, any>, any>> | undefined): boolean;
initObservable(params?: Partial<import("@apollo-elements/interfaces").SubscriptionDataOptions<TData_1, TVariables_1>> | undefined): void;
nextData(result: import("@apollo/client/core").FetchResult<TData_1, Record<string, any>, Record<string, any>>): void;

@@ -35,16 +35,16 @@ nextError(error: import("@apollo/client/errors").ApolloError): void;

endSubscription(): void;
context?: Record<string, unknown>;
error: Error | import("@apollo/client/errors").ApolloError;
errors: readonly import("graphql").GraphQLError[];
context?: Record<string, unknown> | undefined;
error: Error | import("@apollo/client/errors").ApolloError | null;
errors: readonly import("graphql").GraphQLError[] | null;
loading: boolean;
client: import("@apollo/client/core").ApolloClient<import("@apollo/client/cache").NormalizedCacheObject>;
_document: import("graphql").DocumentNode;
client: import("@apollo/client/core").ApolloClient<import("@apollo/client/cache").NormalizedCacheObject> | null;
_document: import("graphql").DocumentNode | null;
_documentSetByJS: boolean;
_variables: TVariables_1;
_variables: TVariables_1 | null;
_variablesSetByJS: boolean;
mo: MutationObserver;
document: import("graphql").DocumentNode;
onMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): import("graphql").DocumentNode;
getDOMVariables(): TVariables_1;
mo: MutationObserver | null;
document: import("graphql").DocumentNode | null;
onDOMMutation(records: MutationRecord[]): void;
getDOMGraphQLDocument(): import("graphql").DocumentNode | null;
getDOMVariables(): TVariables_1 | null;
attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;

@@ -62,3 +62,3 @@ adoptedCallback?(): void;

readonly offsetLeft: number;
readonly offsetParent: Element;
readonly offsetParent: Element | null;
readonly offsetTop: number;

@@ -70,7 +70,7 @@ readonly offsetWidth: number;

click(): void;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(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 "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "click" | "scroll" | "blur" | "focus" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
readonly assignedSlot: HTMLSlotElement;
addEventListener<K extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
removeEventListener<K_1 extends "error" | "close" | "change" | "pause" | "abort" | "reset" | "resize" | "click" | "scroll" | "blur" | "focus" | "apollo-mutation-result" | "apollo-error" | "apollo-query-result" | "apollo-subscription-result" | "apollo-element-connected" | "apollo-element-disconnected" | "input" | "progress" | "select" | "canplay" | "canplaythrough" | "contextmenu" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "ended" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "play" | "playing" | "ratechange" | "seeked" | "seeking" | "stalled" | "submit" | "suspend" | "timeupdate" | "volumechange" | "waiting" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "cancel" | "cuechange" | "dragexit" | "focusin" | "focusout" | "gotpointercapture" | "lostpointercapture" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "securitypolicyviolation" | "selectionchange" | "selectstart" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "wheel" | "copy" | "fullscreenchange" | "fullscreenerror" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
readonly assignedSlot: HTMLSlotElement | null;
readonly attributes: NamedNodeMap;

@@ -85,8 +85,8 @@ readonly classList: DOMTokenList;

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 prefix: string;
readonly prefix: string | null;
readonly scrollHeight: number;

@@ -96,19 +96,19 @@ scrollLeft: number;

readonly scrollWidth: number;
readonly shadowRoot: ShadowRoot;
readonly shadowRoot: ShadowRoot | null;
slot: string;
readonly tagName: string;
attachShadow(init: ShadowRootInit): ShadowRoot;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2];
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
closest<E extends Element = Element>(selector: string): E;
getAttribute(qualifiedName: string): string;
getAttributeNS(namespace: string, localName: string): string;
closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2] | null;
closest<K_3 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3] | null;
closest<E extends Element = Element>(selector: string): E | null;
getAttribute(qualifiedName: string): string | null;
getAttributeNS(namespace: string | null, localName: string): string | null;
getAttributeNames(): string[];
getAttributeNode(name: string): Attr;
getAttributeNodeNS(namespaceURI: 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 "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
getElementsByTagName<K_5 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;

@@ -119,6 +119,6 @@ getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;

hasAttribute(qualifiedName: string): boolean;
hasAttributeNS(namespace: string, localName: string): boolean;
hasAttributeNS(namespace: string | null, localName: string): boolean;
hasAttributes(): boolean;
hasPointerCapture(pointerId: number): boolean;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element;
insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element | null;
insertAdjacentHTML(where: InsertPosition, html: string): void;

@@ -130,45 +130,45 @@ insertAdjacentText(where: InsertPosition, text: string): 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>;
requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
requestPointerLock(): void;
scroll(options?: ScrollToOptions): void;
scroll(options?: ScrollToOptions | undefined): void;
scroll(x: number, y: number): void;
scrollBy(options?: ScrollToOptions): void;
scrollBy(options?: ScrollToOptions | undefined): void;
scrollBy(x: number, y: number): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
scrollTo(options?: ScrollToOptions): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
scrollTo(options?: ScrollToOptions | undefined): 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;
setPointerCapture(pointerId: number): void;
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
webkitMatchesSelector(selectors: string): boolean;
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: Node & ParentNode;
readonly previousSibling: ChildNode;
textContent: string;
nodeValue: string | null;
readonly parentElement: HTMLElement | null;
readonly parentNode: (Node & ParentNode) | null;
readonly previousSibling: ChildNode | null;
textContent: string | null;
appendChild<T extends Node>(newChild: T): T;
cloneNode(deep?: boolean): Node;
cloneNode(deep?: boolean | undefined): Node;
compareDocumentPosition(other: Node): number;
contains(other: Node): boolean;
getRootNode(options?: GetRootNodeOptions): Node;
contains(other: Node | null): boolean;
getRootNode(options?: GetRootNodeOptions | undefined): Node;
hasChildNodes(): boolean;
insertBefore<T_1 extends Node>(newChild: T_1, refChild: 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_1 extends Node>(newChild: T_1, refChild: Node | null): T_1;
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;

@@ -196,3 +196,3 @@ removeChild<T_2 extends Node>(oldChild: T_2): T_2;

dispatchEvent(event: Event): boolean;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
getAnimations(): Animation[];

@@ -204,19 +204,19 @@ after(...nodes: (string | Node)[]): void;

innerHTML: string;
readonly nextElementSibling: Element;
readonly previousElementSibling: Element;
readonly nextElementSibling: Element | null;
readonly previousElementSibling: Element | null;
readonly childElementCount: number;
readonly children: HTMLCollection;
readonly firstElementChild: Element;
readonly lastElementChild: Element;
readonly firstElementChild: Element | null;
readonly lastElementChild: Element | null;
append(...nodes: (string | Node)[]): void;
prepend(...nodes: (string | Node)[]): void;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6];
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
querySelector<E_1 extends Element = Element>(selectors: string): E_1;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "map" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "filter" | "script" | "style" | "title" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
querySelector<K_7 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7] | null;
querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "data" | "dir" | "mark" | "summary" | "a" | "html" | "title" | "slot" | "style" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
querySelectorAll<K_9 extends "symbol" | "line" | "stop" | "a" | "text" | "title" | "style" | "script" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "svg" | "switch" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
readonly style: CSSStyleDeclaration;

@@ -227,93 +227,93 @@ contentEditable: 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;
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;
ondragexit: (this: GlobalEventHandlers, ev: Event) => 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;
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;
onstalled: (this: GlobalEventHandlers, ev: Event) => any;
onsubmit: (this: GlobalEventHandlers, ev: Event) => 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;
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: MouseEvent) => 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: MouseEvent) => any) | null;
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
oncuechange: ((this: GlobalEventHandlers, ev: Event) => 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;
ondragexit: ((this: GlobalEventHandlers, ev: Event) => 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;
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;
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;
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => 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;
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;
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsubmit: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontoggle: ((this: GlobalEventHandlers, ev: Event) => 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;
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
autofocus: boolean;
readonly dataset: DOMStringMap;
nonce?: string;
nonce?: string | undefined;
tabIndex: number;
blur(): void;
focus(options?: FocusOptions): void;
focus(options?: FocusOptions | undefined): void;
};

@@ -327,2 +327,6 @@ documentType: string;

*
* @element
*
* See [[`ApolloSubscriptionInterface`]] for more information on events
*
*/

@@ -329,0 +333,0 @@ export declare class ApolloSubscription<TData, TVariables> extends ApolloSubscription_base<TData, TVariables> implements ApolloSubscriptionInterface<TData, TVariables> {

4

apollo-subscription.js

@@ -8,2 +8,6 @@ import { ApolloElement } from './apollo-element';

*
* @element
*
* See [[`ApolloSubscriptionInterface`]] for more information on events
*
*/

@@ -10,0 +14,0 @@ export class ApolloSubscription

30

apollo-subscription.test.ts

@@ -10,3 +10,3 @@ import type {

import type { DocumentNode, GraphQLError } from 'graphql';
import { SetupOptions, setupSpies, setupStubs } from '@apollo-elements/test-helpers';
import { Entries, SetupOptions, setupSpies, setupStubs } from '@apollo-elements/test-helpers';
import type { SubscriptionElement } from '@apollo-elements/test-helpers/subscription.test';

@@ -31,2 +31,4 @@

implements SubscriptionElement<D, V> {
declare shadowRoot: ShadowRoot;
async hasRendered() {

@@ -64,3 +66,3 @@ await nextFrame();

for (const [key, val] of Object.entries(opts?.properties ?? {}))
for (const [key, val] of Object.entries(opts?.properties ?? {}) as Entries<T>)
element[key] = val;

@@ -95,9 +97,9 @@

// ApolloElementInterface
assertType<ApolloClient<NormalizedCacheObject>> (this.client);
assertType<Record<string, unknown>> (this.context);
assertType<ApolloClient<NormalizedCacheObject>> (this.client!);
assertType<Record<string, unknown>> (this.context!);
assertType<boolean> (this.loading);
assertType<DocumentNode> (this.document);
assertType<Error> (this.error);
assertType<readonly GraphQLError[]> (this.errors);
assertType<TypeCheckData> (this.data);
assertType<DocumentNode> (this.document!);
assertType<Error> (this.error!);
assertType<readonly GraphQLError[]> (this.errors!);
assertType<TypeCheckData> (this.data!);
assertType<string> (this.error.message);

@@ -111,12 +113,12 @@ assertType<'a'> (this.data.a);

// ApolloSubscriptionInterface
assertType<DocumentNode> (this.subscription);
assertType<TypeCheckVars> (this.variables);
assertType<FetchPolicy> (this.fetchPolicy);
assertType<DocumentNode> (this.subscription!);
assertType<TypeCheckVars> (this.variables!);
assertType<FetchPolicy> (this.fetchPolicy!);
assertType<string> (this.fetchPolicy);
assertType<boolean> (this.notifyOnNetworkStatusChange);
assertType<number> (this.pollInterval);
assertType<number> (this.pollInterval!);
assertType<boolean> (this.skip);
assertType<boolean> (this.noAutoSubscribe);
assertType<Observable<FetchResult<TypeCheckData>>>(this.observable);
assertType<ZenObservable.Subscription> (this.observableSubscription);
assertType<Observable<FetchResult<TypeCheckData>>>(this.observable!);
assertType<ZenObservable.Subscription> (this.observableSubscription!);

@@ -123,0 +125,0 @@ /* eslint-enable max-len, func-call-spacing, no-multi-spaces */

4

apollo-subscription.ts

@@ -10,2 +10,6 @@ import { ApolloElement } from './apollo-element';

*
* @element
*
* See [[`ApolloSubscriptionInterface`]] for more information on events
*
*/

@@ -12,0 +16,0 @@ export class ApolloSubscription<TData, TVariables>

16

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log

# [1.2.0-alpha.0](https://github.com/apollo-elements/apollo-elements/compare/@apollo-elements/fast@1.1.3...@apollo-elements/fast@1.2.0-alpha.0) (2020-12-04)
### Bug Fixes
* package export maps ([1eaa0ed](https://github.com/apollo-elements/apollo-elements/commit/1eaa0eda5d329b7c7efdf732b63599b912eb8fc8))
### Features
* support TypeScript strict mode ([a8953d0](https://github.com/apollo-elements/apollo-elements/commit/a8953d08d8e050d9ad4e5b9728a7ed44fcc18fa8))
## [1.1.3](https://github.com/apollo-elements/apollo-elements/compare/@apollo-elements/fast@1.1.2...@apollo-elements/fast@1.1.3) (2020-11-22)

@@ -8,0 +24,0 @@

26

package.json
{
"name": "@apollo-elements/fast",
"version": "1.1.3",
"version": "1.2.0-alpha.0",
"description": "👩‍🚀🌛 FastElements for Apollo GraphQL 🚀👨‍🚀",

@@ -9,9 +9,15 @@ "main": "index.js",

"typings": "index.d.ts",
"exports": [
"./index.js",
"./apollo-element.js",
"./apollo-mutation.js",
"./apollo-query.js",
"./apollo-subscription.js"
],
"exports": {
".": "./index.js",
"./index": "./index.js",
"./index.js": "./index.js",
"./apollo-element": "./apollo-element.js",
"./apollo-element.js": "./apollo-element.js",
"./apollo-mutation": "./apollo-mutation.js",
"./apollo-mutation.js": "./apollo-mutation.js",
"./apollo-query": "./apollo-query.js",
"./apollo-query.js": "./apollo-query.js",
"./apollo-subscriptions": "./apollo-subscription.js",
"./apollo-subscription.js": "./apollo-subscription.js"
},
"scripts": {

@@ -52,7 +58,7 @@ "prepublishOnly": "tsc -b .",

"dependencies": {
"@apollo-elements/mixins": "^3.3.0",
"@apollo-elements/mixins": "^3.4.0-alpha.0",
"@microsoft/fast-element": "^0.18.0",
"tslib": "^2.0.3"
},
"gitHead": "6fe55e2334c655041f573d4f5c24ae2185029356"
"gitHead": "5de7f7b7d2db6476675f304d6748c5af047ad1c2"
}
apollo-element.js.map

Sorry, the diff of this file is not supported yet

apollo-element.test.js.map

Sorry, the diff of this file is not supported yet

apollo-mutation.js.map

Sorry, the diff of this file is not supported yet

apollo-mutation.test.js.map

Sorry, the diff of this file is not supported yet

apollo-query.js.map

Sorry, the diff of this file is not supported yet

apollo-query.test.js.map

Sorry, the diff of this file is not supported yet

apollo-subscription.js.map

Sorry, the diff of this file is not supported yet

apollo-subscription.test.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc