@rhtml/hooks 0.0.114 → 0.0.117

package/dist/element.d.ts

@@ -3,7 +3,7 @@ export interface HookElementOptions {
     observedAttributes: string[];
     shadowRoot?: boolean;
 }
-export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, { observedAttributes, shadowRoot }?: HookElementOptions) => {
+export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, { observedAttributes, shadowRoot, }?: HookElementOptions) => {
     new (): {
         connectedCallback(): void;
         render(): void;
@@ -21,15 +21,16 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         readonly offsetParent: Element;
         readonly offsetTop: number;
         readonly offsetWidth: number;
+        outerText: string;
         spellcheck: boolean;
         title: string;
         translate: boolean;
+        attachInternals(): ElementInternals;
         click(): void;
-        addEventListener<K extends "waiting" | "error" | "abort" | "cancel" | "progress" | "ended" | "input" | "select" | "fullscreenchange" | "fullscreenerror" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "contextmenu" | "cuechange" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "reset" | "resize" | "scroll" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "wheel" | "copy" | "cut" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K_1 extends "waiting" | "error" | "abort" | "cancel" | "progress" | "ended" | "input" | "select" | "fullscreenchange" | "fullscreenerror" | "animationcancel" | "animationend" | "animationiteration" | "animationstart" | "auxclick" | "blur" | "canplay" | "canplaythrough" | "change" | "click" | "close" | "contextmenu" | "cuechange" | "dblclick" | "drag" | "dragend" | "dragenter" | "dragexit" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "focusin" | "focusout" | "gotpointercapture" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "lostpointercapture" | "mousedown" | "mouseenter" | "mouseleave" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "pause" | "play" | "playing" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "ratechange" | "reset" | "resize" | "scroll" | "securitypolicyviolation" | "seeked" | "seeking" | "selectionchange" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "toggle" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "transitioncancel" | "transitionend" | "transitionrun" | "transitionstart" | "volumechange" | "wheel" | "copy" | "cut" | "paste">(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K_1 extends keyof HTMLElementEventMap>(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;
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -44,6 +45,7 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         onfullscreenerror: (this: Element, ev: Event) => any;
         outerHTML: string;
         readonly ownerDocument: Document;
+        readonly part: DOMTokenList;
         readonly prefix: string;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -53,32 +55,31 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
-        closest<K_2 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr">(selector: K_2): HTMLElementTagNameMap[K_2];
-        closest<K_3 extends "symbol" | "a" | "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" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selector: K_3): SVGElementTagNameMap[K_3];
-        closest<E extends Element = Element>(selector: string): E;
+        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2];
+        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3];
+        closest<E extends Element = Element>(selectors: string): E;
         getAttribute(qualifiedName: string): string;
         getAttributeNS(namespace: string, localName: string): string;
         getAttributeNames(): string[];
-        getAttributeNode(name: string): Attr;
-        getAttributeNodeNS(namespaceURI: string, localName: string): Attr;
+        getAttributeNode(qualifiedName: string): Attr;
+        getAttributeNodeNS(namespace: string, localName: string): Attr;
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr">(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends "symbol" | "a" | "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" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: string, localName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
         hasAttribute(qualifiedName: string): boolean;
         hasAttributeNS(namespace: string, localName: string): boolean;
         hasAttributes(): boolean;
         hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element;
-        insertAdjacentHTML(where: InsertPosition, html: string): void;
-        insertAdjacentText(where: InsertPosition, text: string): void;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element;
+        insertAdjacentHTML(position: InsertPosition, text: string): void;
+        insertAdjacentText(where: InsertPosition, data: string): void;
         matches(selectors: string): boolean;
-        msGetRegionContent(): any;
         releasePointerCapture(pointerId: number): void;
         removeAttribute(qualifiedName: string): void;
         removeAttributeNS(namespace: string, localName: string): void;
@@ -109,24 +110,24 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         readonly nodeType: number;
         nodeValue: string;
         readonly parentElement: HTMLElement;
-        readonly parentNode: Node & ParentNode;
+        readonly parentNode: ParentNode;
         readonly previousSibling: ChildNode;
         textContent: string;
-        appendChild<T extends Node>(newChild: T): T;
+        appendChild<T extends Node>(node: T): T;
         cloneNode(deep?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
         hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(newChild: T_1, refChild: Node): T_1;
+        insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
         isDefaultNamespace(namespace: string): boolean;
         isEqualNode(otherNode: Node): boolean;
         isSameNode(otherNode: Node): boolean;
         lookupNamespaceURI(prefix: string): string;
         lookupPrefix(namespace: string): string;
         normalize(): void;
-        removeChild<T_2 extends Node>(oldChild: T_2): T_2;
-        replaceChild<T_3 extends Node>(newChild: Node, oldChild: T_3): T_3;
+        removeChild<T_2 extends Node>(child: T_2): T_2;
+        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
         readonly ATTRIBUTE_NODE: number;
         readonly CDATA_SECTION_NODE: number;
         readonly COMMENT_NODE: number;
@@ -146,8 +147,44 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         readonly PROCESSING_INSTRUCTION_NODE: number;
         readonly TEXT_NODE: number;
         dispatchEvent(event: Event): boolean;
+        ariaAtomic: string;
+        ariaAutoComplete: string;
+        ariaBusy: string;
+        ariaChecked: string;
+        ariaColCount: string;
+        ariaColIndex: string;
+        ariaColSpan: string;
+        ariaCurrent: string;
+        ariaDisabled: string;
+        ariaExpanded: string;
+        ariaHasPopup: string;
+        ariaHidden: string;
+        ariaKeyShortcuts: string;
+        ariaLabel: string;
+        ariaLevel: string;
+        ariaLive: string;
+        ariaModal: string;
+        ariaMultiLine: string;
+        ariaMultiSelectable: string;
+        ariaOrientation: string;
+        ariaPlaceholder: string;
+        ariaPosInSet: string;
+        ariaPressed: string;
+        ariaReadOnly: string;
+        ariaRequired: string;
+        ariaRoleDescription: string;
+        ariaRowCount: string;
+        ariaRowIndex: string;
+        ariaRowSpan: string;
+        ariaSelected: string;
+        ariaSetSize: string;
+        ariaSort: string;
+        ariaValueMax: string;
+        ariaValueMin: string;
+        ariaValueNow: string;
+        ariaValueText: string;
         animate(keyframes: PropertyIndexedKeyframes | Keyframe[], options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(): Animation[];
+        getAnimations(options?: GetAnimationsOptions): Animation[];
         after(...nodes: (string | Node)[]): void;
         before(...nodes: (string | Node)[]): void;
         remove(): void;
@@ -161,17 +198,20 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         readonly lastElementChild: Element;
         append(...nodes: (string | Node)[]): void;
         prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_6): HTMLElementTagNameMap[K_6];
-        querySelector<K_7 extends "symbol" | "a" | "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" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selectors: K_7): SVGElementTagNameMap[K_7];
+        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6];
+        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7];
         querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-        querySelectorAll<K_8 extends "object" | "link" | "small" | "sub" | "sup" | "track" | "progress" | "a" | "abbr" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dir" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "font" | "footer" | "form" | "frame" | "frameset" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "u" | "ul" | "var" | "video" | "wbr">(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends "symbol" | "a" | "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" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
+        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
+        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
+        replaceChildren(...nodes: (string | Node)[]): void;
+        readonly assignedSlot: HTMLSlotElement;
         oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
         oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
         onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
+        enterKeyHint: string;
         inputMode: string;
         readonly isContentEditable: boolean;
         onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
@@ -181,7 +221,6 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         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;
@@ -193,7 +232,6 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         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;
@@ -203,6 +241,7 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         onended: (this: GlobalEventHandlers, ev: Event) => any;
         onerror: OnErrorEventHandlerNonNull;
         onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
+        onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;
         ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
         oninput: (this: GlobalEventHandlers, ev: Event) => any;
         oninvalid: (this: GlobalEventHandlers, ev: Event) => any;
@@ -243,8 +282,9 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         onselect: (this: GlobalEventHandlers, ev: Event) => any;
         onselectionchange: (this: GlobalEventHandlers, ev: Event) => any;
         onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
+        onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
         onstalled: (this: GlobalEventHandlers, ev: Event) => any;
-        onsubmit: (this: GlobalEventHandlers, ev: Event) => any;
+        onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
         onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
         ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
         ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
@@ -258,6 +298,10 @@ export declare const component: (renderFn: (e: HTMLElement) => TemplateResult, {
         ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
         onvolumechange: (this: GlobalEventHandlers, ev: Event) => any;
         onwaiting: (this: GlobalEventHandlers, ev: Event) => any;
+        onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any;
+        onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any;
+        onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any;
+        onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any;
         onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any;
         autofocus: boolean;
         readonly dataset: DOMStringMap;

package/dist/element.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.component = void 0;
 const lit_html_1 = require("@rxdi/lit-html");
 const hooks_core_1 = require("./hooks-core");
-exports.component = (renderFn, { observedAttributes, shadowRoot } = {}) => class extends HTMLElement {
+const component = (renderFn, { observedAttributes, shadowRoot, } = {}) => class extends HTMLElement {
     static get observedAttributes() {
         return observedAttributes || [];
     }
@@ -14,10 +14,11 @@ exports.component = (renderFn, { observedAttributes, shadowRoot } = {}) => class
         this.render();
     }
     render() {
-        lit_html_1.render(hooks_core_1.renderWithHooks(this, renderFn, this.render.bind(this)), shadowRoot ? this.shadowRoot : this);
+        (0, lit_html_1.render)((0, hooks_core_1.renderWithHooks)(this, renderFn, this.render.bind(this)), shadowRoot ? this.shadowRoot : this);
     }
     attributeChangedCallback(name, oldValue, newValue) {
         console.log(`Value ${name} changed from ${oldValue} to ${newValue}`);
     }
 };
+exports.component = component;
 //# sourceMappingURL=element.js.map

package/dist/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":";;;AAAA,6CAAwD;AAExD,6CAA+C;AAOlC,QAAA,SAAS,GAAG,CACvB,QAA4C,EAC5C,EACE,kBAAkB,EAClB,UAAU,KACY,EAAwB,EAChD,EAAE,CACF,KAAM,SAAQ,WAAW;IACvB,MAAM,KAAK,kBAAkB;QAC3B,OAAO,kBAAkB,IAAI,EAAE,CAAC;IAClC,CAAC;IACD,iBAAiB;QACf,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SACrC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IACD,MAAM;QACJ,iBAAM,CACJ,4BAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EACvD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CACpC,CAAC;IACJ,CAAC;IACD,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ;QAC/C,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,iBAAiB,QAAQ,OAAO,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC;CACF,CAAC"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":";;;AAAA,6CAAwD;AAExD,6CAA+C;AAOxC,MAAM,SAAS,GAAG,CACvB,QAA4C,EAC5C,EACE,kBAAkB,EAClB,UAAU,MACY,EAAwB,EAChD,EAAE,CACF,KAAM,SAAQ,WAAW;IACvB,MAAM,KAAK,kBAAkB;QAC3B,OAAO,kBAAkB,IAAI,EAAE,CAAC;IAClC,CAAC;IACD,iBAAiB;QACf,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;SACrC;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IACD,MAAM;QACJ,IAAA,iBAAM,EACJ,IAAA,4BAAe,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EACvD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CACpC,CAAC;IACJ,CAAC;IACD,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ;QAC/C,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,iBAAiB,QAAQ,OAAO,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC;CACF,CAAC;AA1BS,QAAA,SAAS,aA0BlB"}

package/dist/hooks-core.d.ts

@@ -2,9 +2,9 @@ export interface HookState {
     element: HTMLElement;
     renderIsInProgress: boolean;
     hooksExecutedThisRender: number;
-    elementUpdateFn: Function;
+    elementUpdateFn: () => void;
 }
-export declare const renderWithHooks: (element: HTMLElement, templateFn: Function, elementUpdateFn: Function) => any;
+export declare const renderWithHooks: (element: HTMLElement, templateFn: (element: HTMLElement) => unknown, elementUpdateFn: () => void) => unknown;
 export declare const getCurrentElement: () => HTMLElement;
-export declare const getElementUpdateFn: () => Function;
+export declare const getElementUpdateFn: () => () => void;
 export declare const registerHook: (name?: string) => [HTMLElement, number];

package/dist/hooks-core.js

@@ -7,7 +7,7 @@ const OnRender = (element, elementUpdateFn) => {
         element,
         renderIsInProgress: true,
         hooksExecutedThisRender: 0,
-        elementUpdateFn
+        elementUpdateFn,
     };
 };
 const OnEndRender = () => {
@@ -15,22 +15,26 @@ const OnEndRender = () => {
         element: null,
         renderIsInProgress: false,
         hooksExecutedThisRender: 0,
-        elementUpdateFn: null
+        elementUpdateFn: null,
     };
 };
-exports.renderWithHooks = (element, templateFn, elementUpdateFn) => {
+const renderWithHooks = (element, templateFn, elementUpdateFn) => {
     OnRender(element, elementUpdateFn);
     const template = templateFn(element);
     OnEndRender();
     return template;
 };
-exports.getCurrentElement = () => hooksState.element;
-exports.getElementUpdateFn = () => hooksState.elementUpdateFn;
-exports.registerHook = (name) => {
+exports.renderWithHooks = renderWithHooks;
+const getCurrentElement = () => hooksState.element;
+exports.getCurrentElement = getCurrentElement;
+const getElementUpdateFn = () => hooksState.elementUpdateFn;
+exports.getElementUpdateFn = getElementUpdateFn;
+const registerHook = (name) => {
     if (!hooksState.renderIsInProgress) {
         throw new Error(`Hooks must be called from within an element's render() method. ${name} was not.`);
     }
     const hookId = hooksState.hooksExecutedThisRender++;
     return [hooksState.element, hookId];
 };
+exports.registerHook = registerHook;
 //# sourceMappingURL=hooks-core.js.map

package/dist/hooks-core.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks-core.js","sourceRoot":"","sources":["../src/hooks-core.ts"],"names":[],"mappings":";;;AAOA,IAAI,UAAqB,CAAC;AAE1B,MAAM,QAAQ,GAAG,CAAC,OAAoB,EAAE,eAAyB,EAAE,EAAE;IACnE,UAAU,GAAG;QACX,OAAO;QACP,kBAAkB,EAAE,IAAI;QACxB,uBAAuB,EAAE,CAAC;QAC1B,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,UAAU,GAAG;QACX,OAAO,EAAE,IAAI;QACb,kBAAkB,EAAE,KAAK;QACzB,uBAAuB,EAAE,CAAC;QAC1B,eAAe,EAAE,IAAI;KACtB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,eAAe,GAAG,CAC7B,OAAoB,EACpB,UAAoB,EACpB,eAAyB,EACzB,EAAE;IACF,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,EAAE,CAAC;IACd,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;AAE7C,QAAA,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC;AAEtD,QAAA,YAAY,GAAG,CAAC,IAAa,EAAyB,EAAE;IACnE,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE;QAClC,MAAM,IAAI,KAAK,CACb,kEAAkE,IAAI,WAAW,CAClF,CAAC;KACH;IACD,MAAM,MAAM,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IACpD,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACtC,CAAC,CAAC"}
+{"version":3,"file":"hooks-core.js","sourceRoot":"","sources":["../src/hooks-core.ts"],"names":[],"mappings":";;;AAOA,IAAI,UAAqB,CAAC;AAE1B,MAAM,QAAQ,GAAG,CAAC,OAAoB,EAAE,eAA2B,EAAE,EAAE;IACrE,UAAU,GAAG;QACX,OAAO;QACP,kBAAkB,EAAE,IAAI;QACxB,uBAAuB,EAAE,CAAC;QAC1B,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,UAAU,GAAG;QACX,OAAO,EAAE,IAAI;QACb,kBAAkB,EAAE,KAAK;QACzB,uBAAuB,EAAE,CAAC;QAC1B,eAAe,EAAE,IAAI;KACtB,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,eAAe,GAAG,CAC7B,OAAoB,EACpB,UAA6C,EAC7C,eAA2B,EAC3B,EAAE;IACF,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,EAAE,CAAC;IACd,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B;AAEK,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;AAA7C,QAAA,iBAAiB,qBAA4B;AAEnD,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC;AAAtD,QAAA,kBAAkB,sBAAoC;AAE5D,MAAM,YAAY,GAAG,CAAC,IAAa,EAAyB,EAAE;IACnE,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE;QAClC,MAAM,IAAI,KAAK,CACb,kEAAkE,IAAI,WAAW,CAClF,CAAC;KACH;IACD,MAAM,MAAM,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IACpD,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACtC,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB"}

package/dist/index.js

@@ -1,13 +1,17 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-state"), exports);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B;AAC5B,+CAA6B;AAC7B,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,+CAA6B;AAC7B,4CAA0B"}

package/dist/use-state.js

@@ -13,9 +13,9 @@ const updateState = (element, hookID, elementUpdateFn, newValue) => {
         elementUpdateFn();
     }
 };
-exports.useState = (value) => {
-    const [element, hookID] = hooks_core_1.registerHook();
-    const elementUpdateFn = hooks_core_1.getElementUpdateFn();
+const useState = (value) => {
+    const [element, hookID] = (0, hooks_core_1.registerHook)();
+    const elementUpdateFn = (0, hooks_core_1.getElementUpdateFn)();
     if (!stateMap.has(element)) {
         stateMap.set(element, new Map());
     }
@@ -24,7 +24,8 @@ exports.useState = (value) => {
     }
     return [
         stateMap.get(element).get(hookID),
-        updateState.bind(null, element, hookID, elementUpdateFn)
+        updateState.bind(null, element, hookID, elementUpdateFn),
     ];
 };
+exports.useState = useState;
 //# sourceMappingURL=use-state.js.map

package/dist/use-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-state.js","sourceRoot":"","sources":["../src/use-state.ts"],"names":[],"mappings":";;;AAAA,6CAAgE;AAEhE,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAqC,CAAC;AAElE,MAAM,WAAW,GAAG,CAClB,OAAoB,EACpB,MAAc,EACd,eAAyB,EACzB,QAAW,EACX,EAAE;IACF,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvD,IAAI,YAAY,KAAK,QAAQ,EAAE;QAC7B,OAAO;KACR;IACD,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,IAAI,eAAe,EAAE;QACnB,eAAe,EAAE,CAAC;KACnB;AACH,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,CAAI,KAAQ,EAAE,EAAE;IACtC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,yBAAY,EAAE,CAAC;IACzC,MAAM,eAAe,GAAG,+BAAkB,EAAE,CAAC;IAE7C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;QAC1B,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;KAClC;IAED,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACtC,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KAC3C;IAED,OAAO;QACL,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;QACjC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC;KACzD,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"use-state.js","sourceRoot":"","sources":["../src/use-state.ts"],"names":[],"mappings":";;;AAAA,6CAAgE;AAEhE,MAAM,QAAQ,GAAG,IAAI,OAAO,EAAqC,CAAC;AAElE,MAAM,WAAW,GAAG,CAClB,OAAoB,EACpB,MAAc,EACd,eAA2B,EAC3B,QAAW,EACX,EAAE;IACF,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvD,IAAI,YAAY,KAAK,QAAQ,EAAE;QAC7B,OAAO;KACR;IACD,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC5C,IAAI,eAAe,EAAE;QACnB,eAAe,EAAE,CAAC;KACnB;AACH,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,CAAI,KAAQ,EAAE,EAAE;IACtC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAA,yBAAY,GAAE,CAAC;IACzC,MAAM,eAAe,GAAG,IAAA,+BAAkB,GAAE,CAAC;IAE7C,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;QAC1B,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;KAClC;IAED,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACtC,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KAC3C;IAED,OAAO;QACL,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;QACjC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC;KACzD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,QAAQ,YAgBnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhtml/hooks",
-  "version": "0.0.114",
+  "version": "0.0.117",
   "description": "Reactive HyperText Markup Language",
   "scripts": {
     "start": "npx parcel ./examples/index.html --out-dir build/examples",
@@ -18,16 +18,7 @@
   "dependencies": {
     "@rxdi/lit-html": "^0.7.133"
   },
-  "devDependencies": {
-    "eslint": "^6.7.2",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-simple-import-sort": "^5.0.0",
-    "@typescript-eslint/eslint-plugin": "^2.10.0",
-    "@typescript-eslint/parser": "^2.10.0",
-    "prettier": "^1.19.1",
-    "ts-jest": "25.2.1"
-  },
+  "devDependencies": {},
   "author": "Kristiyan Tachev",
   "license": "MIT",
   "browserslist": [

package/src/element.ts

@@ -11,7 +11,7 @@ export const component = (
   renderFn: (e: HTMLElement) => TemplateResult,
   {
     observedAttributes,
-    shadowRoot
+    shadowRoot,
   }: HookElementOptions = {} as HookElementOptions
 ) =>
   class extends HTMLElement {

package/src/hooks-core.ts

@@ -2,17 +2,17 @@ export interface HookState {
   element: HTMLElement;
   renderIsInProgress: boolean;
   hooksExecutedThisRender: number;
-  elementUpdateFn: Function;
+  elementUpdateFn: () => void;
 }
 
 let hooksState: HookState;
 
-const OnRender = (element: HTMLElement, elementUpdateFn: Function) => {
+const OnRender = (element: HTMLElement, elementUpdateFn: () => void) => {
   hooksState = {
     element,
     renderIsInProgress: true,
     hooksExecutedThisRender: 0,
-    elementUpdateFn
+    elementUpdateFn,
   };
 };
 
@@ -21,14 +21,14 @@ const OnEndRender = () => {
     element: null,
     renderIsInProgress: false,
     hooksExecutedThisRender: 0,
-    elementUpdateFn: null
+    elementUpdateFn: null,
   };
 };
 
 export const renderWithHooks = (
   element: HTMLElement,
-  templateFn: Function,
-  elementUpdateFn: Function
+  templateFn: (element: HTMLElement) => unknown,
+  elementUpdateFn: () => void
 ) => {
   OnRender(element, elementUpdateFn);
   const template = templateFn(element);

package/src/use-state.ts

@@ -5,7 +5,7 @@ const stateMap = new WeakMap<HTMLElement, Map<number, unknown>>();
 const updateState = <T>(
   element: HTMLElement,
   hookID: number,
-  elementUpdateFn: Function,
+  elementUpdateFn: () => void,
   newValue: T
 ) => {
   const currentValue = stateMap.get(element).get(hookID);
@@ -32,6 +32,6 @@ export const useState = <T>(value: T) => {
 
   return [
     stateMap.get(element).get(hookID),
-    updateState.bind(null, element, hookID, elementUpdateFn)
+    updateState.bind(null, element, hookID, elementUpdateFn),
   ];
 };

package/.eslintrc.js

@@ -1,26 +0,0 @@
-module.exports = {
-    // Specifies the ESLint parser
-    parser: "@typescript-eslint/parser",
-    extends: [
-        // Uses the recommended rules from the @typescript-eslint/eslint-plugin
-        "plugin:@typescript-eslint/recommended",
-        // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
-        "prettier/@typescript-eslint",
-        // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
-        "plugin:prettier/recommended"
-    ],
-    parserOptions: {
-        // Allows for the parsing of modern ECMAScript features
-        ecmaVersion: 2018,
-        // Allows for the use of imports
-        sourceType: "module"
-    },
-    rules: {
-        "@typescript-eslint/explicit-function-return-type": 0,
-        "simple-import-sort/sort": "error",
-        "sort-imports": "off",
-        "import/order": "off",
-        "@typescript-eslint/camelcase": 0
-    },
-    plugins: ["simple-import-sort"]
-};

package/.prettierrc

@@ -1,4 +0,0 @@
-{
-    "singleQuote": true,
-    "printWidth": 80
-}

package/jest.config.js

@@ -1,16 +0,0 @@
-module.exports = {
-  testEnvironment: 'node',
-  testPathIgnorePatterns: ['/node_modules/'],
-  coverageReporters: ['lcov', 'html'],
-  rootDir: './',
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'json', 'node'],
-  globals: {
-    __DEV__: true
-  },
-  transform: {
-    '\\.(ts|tsx)$': 'ts-jest'
-  },
-  testRegex: '/src/.*\\.spec.(ts|tsx|js)$',
-  verbose: true,
-  collectCoverage: true
-};

package/tslint.json

@@ -1,113 +0,0 @@
-{
-  "rules": {
-    "arrow-return-shorthand": true,
-    "callable-types": true,
-    "class-name": true,
-    "comment-format": [
-      true,
-      "check-space"
-    ],
-    "curly": true,
-    "eofline": true,
-    "forin": true,
-    "import-blacklist": [
-      true,
-      "rxjs/Rx"
-    ],
-    "import-spacing": true,
-    "indent": [
-      true,
-      "spaces"
-    ],
-    "interface-over-type-literal": true,
-    "label-position": true,
-    "max-line-length": [
-      true,
-      140
-    ],
-    "member-access": false,
-    "member-ordering": [
-      true,
-      {
-        "order": [
-          "static-field",
-          "instance-field",
-          "static-method",
-          "instance-method"
-        ]
-      }
-    ],
-    "no-arg": true,
-    "no-bitwise": true,
-    "no-console": [
-      true,
-      "debug",
-      "info",
-      "time",
-      "timeEnd",
-      "trace"
-    ],
-    "no-construct": true,
-    "no-debugger": true,
-    "no-duplicate-super": true,
-    "no-empty": false,
-    "no-empty-interface": true,
-    "no-eval": true,
-    "no-inferrable-types": [
-      true,
-      "ignore-params"
-    ],
-    "no-misused-new": true,
-    "no-non-null-assertion": true,
-    "no-shadowed-variable": true,
-    "no-string-literal": false,
-    "no-string-throw": true,
-    "no-switch-case-fall-through": true,
-    "no-trailing-whitespace": true,
-    "no-unnecessary-initializer": true,
-    "no-unused-expression": true,
-    "no-var-keyword": true,
-    "object-literal-sort-keys": false,
-    "one-line": [
-      true,
-      "check-open-brace",
-      "check-catch",
-      "check-else",
-      "check-whitespace"
-    ],
-    "prefer-const": true,
-    "quotemark": [
-      true,
-      "single"
-    ],
-    "radix": true,
-    "semicolon": [
-      false,
-      "never"
-    ],
-    "triple-equals": [
-      true,
-      "allow-null-check"
-    ],
-    "typedef-whitespace": [
-      true,
-      {
-        "call-signature": "nospace",
-        "index-signature": "nospace",
-        "parameter": "nospace",
-        "property-declaration": "nospace",
-        "variable-declaration": "nospace"
-      }
-    ],
-    "unified-signatures": true,
-    "variable-name": false,
-    "whitespace": [
-      true,
-      "check-branch",
-      "check-decl",
-      "check-operator",
-      "check-separator",
-      "check-type"
-    ]
-  }
-}