Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
lit-element
Advanced tools
lit-element - npm Package Compare versions
Comparing version 0.4.9 to 0.4.10
@@ -13,12 +13,14 @@ import { svg, TemplateResult } from '../lit-html/lit-html.js'; | ||
| __data: Data; | ||
| _methodsToCall: MethodsToCall; | ||
| _wait: any; | ||
| _firstRender: boolean; | ||
| __methodsToCall: MethodsToCall; | ||
| __wait: any; | ||
| __firstRender: boolean; | ||
| afterRender?: (isFirst: boolean) => void; | ||
| shadowRoot: ShadowRoot; | ||
| _propAttr: Map<string, string>; | ||
| _attrProp: Map<string, string>; | ||
| __propAttr: Map<string, string>; | ||
| __attrProp: Map<string, string>; | ||
| connectedCallback(): void; | ||
| _makeGetterSetter(prop: string, info: PropConfig): void; | ||
| _propertiesChanged(prop: string, newVal: any): void; | ||
| disconnectedCallback(): void; | ||
| __makeGetterSetter(prop: string, info: PropConfig): void; | ||
| __propertiesChanged(prop: string, newVal: any): void; | ||
| setProperty(prop: string, newVal: any): void; | ||
| attributeChangedCallback(attr: string, old: any, val: any): void; | ||
@@ -30,3 +32,2 @@ postponedRender(): void; | ||
| accessKey: string; | ||
| readonly children: HTMLCollection; | ||
| contentEditable: string; | ||
@@ -47,8 +48,8 @@ readonly dataset: DOMStringMap; | ||
| onabort: (this: HTMLElement, ev: UIEvent) => any; | ||
| onactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforecopy: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onbeforecut: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onbeforedeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforepaste: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforeactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforecopy: (this: HTMLElement, ev: Event) => any; | ||
| onbeforecut: (this: HTMLElement, ev: Event) => any; | ||
| onbeforedeactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforepaste: (this: HTMLElement, ev: Event) => any; | ||
| onblur: (this: HTMLElement, ev: FocusEvent) => any; | ||
@@ -64,3 +65,3 @@ oncanplay: (this: HTMLElement, ev: Event) => any; | ||
| ondblclick: (this: HTMLElement, ev: MouseEvent) => any; | ||
| ondeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| ondeactivate: (this: HTMLElement, ev: Event) => any; | ||
| ondrag: (this: HTMLElement, ev: DragEvent) => any; | ||
@@ -75,3 +76,3 @@ ondragend: (this: HTMLElement, ev: DragEvent) => any; | ||
| onemptied: (this: HTMLElement, ev: Event) => any; | ||
| onended: (this: HTMLElement, ev: MediaStreamErrorEvent) => any; | ||
| onended: (this: HTMLElement, ev: Event) => any; | ||
| onerror: (this: HTMLElement, ev: ErrorEvent) => any; | ||
@@ -96,4 +97,4 @@ onfocus: (this: HTMLElement, ev: FocusEvent) => any; | ||
| onmousewheel: (this: HTMLElement, ev: WheelEvent) => any; | ||
| onmscontentzoom: (this: HTMLElement, ev: UIEvent) => any; | ||
| onmsmanipulationstatechanged: (this: HTMLElement, ev: MSManipulationEvent) => any; | ||
| onmscontentzoom: (this: HTMLElement, ev: Event) => any; | ||
| onmsmanipulationstatechanged: (this: HTMLElement, ev: Event) => any; | ||
| onpaste: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
@@ -119,5 +120,5 @@ onpause: (this: HTMLElement, ev: Event) => any; | ||
| spellcheck: boolean; | ||
| readonly style: CSSStyleDeclaration; | ||
| tabIndex: number; | ||
| title: string; | ||
| animate(keyframes: AnimationKeyFrame | AnimationKeyFrame[], options: number | AnimationOptions): Animation; | ||
| blur(): void; | ||
@@ -128,6 +129,8 @@ click(): void; | ||
| msGetInputContext(): MSInputMethodContext; | ||
| addEventListener<K extends "error" | "waiting" | "progress" | "ended" | "change" | "input" | "select" | "abort" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; | ||
| addEventListener<K extends "waiting" | "error" | "abort" | "progress" | "ended" | "change" | "input" | "select" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "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 extends "error" | "waiting" | "progress" | "ended" | "change" | "input" | "select" | "abort" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; | ||
| removeEventListener<K extends "waiting" | "error" | "abort" | "progress" | "ended" | "change" | "input" | "select" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; | ||
| removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; | ||
| readonly assignedSlot: HTMLSlotElement; | ||
| readonly attributes: NamedNodeMap; | ||
| readonly classList: DOMTokenList; | ||
@@ -147,23 +150,23 @@ className: string; | ||
| onlostpointercapture: (this: Element, ev: PointerEvent) => any; | ||
| onmsgesturechange: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturedoubletap: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgestureend: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturehold: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturestart: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturetap: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgotpointercapture: (this: Element, ev: MSPointerEvent) => any; | ||
| onmsinertiastart: (this: Element, ev: MSGestureEvent) => any; | ||
| onmslostpointercapture: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointercancel: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerdown: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerenter: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerleave: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointermove: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerout: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerover: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerup: (this: Element, ev: MSPointerEvent) => any; | ||
| ontouchcancel: (ev: TouchEvent) => any; | ||
| ontouchend: (ev: TouchEvent) => any; | ||
| ontouchmove: (ev: TouchEvent) => any; | ||
| ontouchstart: (ev: TouchEvent) => any; | ||
| onmsgesturechange: (this: Element, ev: Event) => any; | ||
| onmsgesturedoubletap: (this: Element, ev: Event) => any; | ||
| onmsgestureend: (this: Element, ev: Event) => any; | ||
| onmsgesturehold: (this: Element, ev: Event) => any; | ||
| onmsgesturestart: (this: Element, ev: Event) => any; | ||
| onmsgesturetap: (this: Element, ev: Event) => any; | ||
| onmsgotpointercapture: (this: Element, ev: Event) => any; | ||
| onmsinertiastart: (this: Element, ev: Event) => any; | ||
| onmslostpointercapture: (this: Element, ev: Event) => any; | ||
| onmspointercancel: (this: Element, ev: Event) => any; | ||
| onmspointerdown: (this: Element, ev: Event) => any; | ||
| onmspointerenter: (this: Element, ev: Event) => any; | ||
| onmspointerleave: (this: Element, ev: Event) => any; | ||
| onmspointermove: (this: Element, ev: Event) => any; | ||
| onmspointerout: (this: Element, ev: Event) => any; | ||
| onmspointerover: (this: Element, ev: Event) => any; | ||
| onmspointerup: (this: Element, ev: Event) => any; | ||
| ontouchcancel: (this: Element, ev: TouchEvent) => any; | ||
| ontouchend: (this: Element, ev: TouchEvent) => any; | ||
| ontouchmove: (this: Element, ev: TouchEvent) => any; | ||
| ontouchstart: (this: Element, ev: TouchEvent) => any; | ||
| onwebkitfullscreenchange: (this: Element, ev: Event) => any; | ||
@@ -177,12 +180,16 @@ onwebkitfullscreenerror: (this: Element, ev: Event) => any; | ||
| readonly scrollWidth: number; | ||
| slot: string; | ||
| readonly tagName: string; | ||
| readonly assignedSlot: HTMLSlotElement; | ||
| slot: string; | ||
| getAttribute(name: string): string; | ||
| attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot; | ||
| closest<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selector: K): HTMLElementTagNameMap[K]; | ||
| closest<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selector: K): SVGElementTagNameMap[K]; | ||
| closest(selector: string): Element; | ||
| getAttribute(qualifiedName: string): string; | ||
| getAttributeNS(namespaceURI: string, localName: string): string; | ||
| getAttributeNode(name: string): Attr; | ||
| getAttributeNodeNS(namespaceURI: string, localName: string): Attr; | ||
| getAttributeNS(namespaceURI: string, localName: string): string; | ||
| getBoundingClientRect(): ClientRect | DOMRect; | ||
| getClientRects(): ClientRectList | DOMRectList; | ||
| getElementsByTagName<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(name: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| getElementsByClassName(classNames: string): NodeListOf<Element>; | ||
| getElementsByTagName<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(name: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| getElementsByTagName<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(name: K): NodeListOf<SVGElementTagNameMap[K]>; | ||
@@ -195,3 +202,8 @@ getElementsByTagName(name: string): NodeListOf<Element>; | ||
| hasAttributeNS(namespaceURI: string, localName: string): boolean; | ||
| msGetRegionContent(): MSRangeCollection; | ||
| hasAttributes(): boolean; | ||
| insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element; | ||
| insertAdjacentHTML(where: InsertPosition, html: string): void; | ||
| insertAdjacentText(where: InsertPosition, text: string): void; | ||
| matches(selectors: string): boolean; | ||
| msGetRegionContent(): any; | ||
| msGetUntransformedBounds(): ClientRect; | ||
@@ -204,34 +216,25 @@ msMatchesSelector(selectors: string): boolean; | ||
| removeAttribute(qualifiedName: string): void; | ||
| removeAttributeNS(namespaceURI: string, localName: string): void; | ||
| removeAttributeNode(oldAttr: Attr): Attr; | ||
| removeAttributeNS(namespaceURI: string, localName: string): void; | ||
| requestFullscreen(): void; | ||
| requestPointerLock(): void; | ||
| setAttribute(name: string, value: string): void; | ||
| scroll(options?: ScrollToOptions): void; | ||
| scroll(x: number, y: number): void; | ||
| scrollBy(options?: ScrollToOptions): void; | ||
| scrollBy(x: number, y: number): void; | ||
| scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; | ||
| scrollTo(options?: ScrollToOptions): void; | ||
| scrollTo(x: number, y: number): void; | ||
| setAttribute(qualifiedName: string, value: string): void; | ||
| setAttributeNS(namespaceURI: string, qualifiedName: string, value: string): void; | ||
| setAttributeNode(newAttr: Attr): Attr; | ||
| setAttributeNodeNS(newAttr: Attr): Attr; | ||
| setAttributeNS(namespaceURI: string, qualifiedName: string, value: string): void; | ||
| setPointerCapture(pointerId: number): void; | ||
| webkitMatchesSelector(selectors: string): boolean; | ||
| webkitRequestFullScreen(): void; | ||
| webkitRequestFullscreen(): void; | ||
| webkitRequestFullScreen(): void; | ||
| getElementsByClassName(classNames: string): NodeListOf<Element>; | ||
| matches(selector: string): boolean; | ||
| closest<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selector: K): HTMLElementTagNameMap[K]; | ||
| closest<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selector: K): SVGElementTagNameMap[K]; | ||
| closest(selector: string): Element; | ||
| scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; | ||
| scroll(options?: ScrollToOptions): void; | ||
| scroll(x: number, y: number): void; | ||
| scrollTo(options?: ScrollToOptions): void; | ||
| scrollTo(x: number, y: number): void; | ||
| scrollBy(options?: ScrollToOptions): void; | ||
| scrollBy(x: number, y: number): void; | ||
| insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element; | ||
| insertAdjacentHTML(where: InsertPosition, html: string): void; | ||
| insertAdjacentText(where: InsertPosition, text: string): void; | ||
| attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot; | ||
| readonly attributes: NamedNodeMap; | ||
| readonly baseURI: string; | ||
| readonly childNodes: NodeList; | ||
| readonly childNodes: NodeListOf<Node & ChildNode>; | ||
| readonly firstChild: Node; | ||
| readonly isConnected: boolean; | ||
| readonly lastChild: Node; | ||
@@ -253,3 +256,2 @@ readonly localName: string; | ||
| contains(child: Node): boolean; | ||
| hasAttributes(): boolean; | ||
| hasChildNodes(): boolean; | ||
@@ -298,9 +300,11 @@ insertBefore<T extends Node>(newChild: T, refChild: Node): T; | ||
| readonly previousElementSibling: Element; | ||
| querySelector<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selectors: K): HTMLElementTagNameMap[K]; | ||
| readonly children: HTMLCollection; | ||
| querySelector<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selectors: K): HTMLElementTagNameMap[K]; | ||
| querySelector<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selectors: K): SVGElementTagNameMap[K]; | ||
| querySelector<E extends Element = Element>(selectors: string): E; | ||
| querySelectorAll<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| querySelectorAll<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| querySelectorAll<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selectors: K): NodeListOf<SVGElementTagNameMap[K]>; | ||
| querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>; | ||
| remove(): void; | ||
| readonly style: CSSStyleDeclaration; | ||
| }; | ||
@@ -307,0 +311,0 @@ properties: Properties; |
@@ -12,12 +12,14 @@ import { html, svg, TemplateResult } from '../lit-html/lit-html.js'; | ||
| __data: Data; | ||
| _methodsToCall: MethodsToCall; | ||
| _wait: any; | ||
| _firstRender: boolean; | ||
| __methodsToCall: MethodsToCall; | ||
| __wait: any; | ||
| __firstRender: boolean; | ||
| afterRender?: (isFirst: boolean) => void; | ||
| shadowRoot: ShadowRoot; | ||
| _propAttr: Map<string, string>; | ||
| _attrProp: Map<string, string>; | ||
| __propAttr: Map<string, string>; | ||
| __attrProp: Map<string, string>; | ||
| connectedCallback(): void; | ||
| _makeGetterSetter(prop: string, info: PropConfig): void; | ||
| _propertiesChanged(prop: string, newVal: any): void; | ||
| disconnectedCallback(): void; | ||
| __makeGetterSetter(prop: string, info: PropConfig): void; | ||
| __propertiesChanged(prop: string, newVal: any): void; | ||
| setProperty(prop: string, newVal: any): void; | ||
| attributeChangedCallback(attr: string, old: any, val: any): void; | ||
@@ -29,3 +31,2 @@ postponedRender(): void; | ||
| accessKey: string; | ||
| readonly children: HTMLCollection; | ||
| contentEditable: string; | ||
@@ -46,8 +47,8 @@ readonly dataset: DOMStringMap; | ||
| onabort: (this: HTMLElement, ev: UIEvent) => any; | ||
| onactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforecopy: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onbeforecut: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onbeforedeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforepaste: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforeactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforecopy: (this: HTMLElement, ev: Event) => any; | ||
| onbeforecut: (this: HTMLElement, ev: Event) => any; | ||
| onbeforedeactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforepaste: (this: HTMLElement, ev: Event) => any; | ||
| onblur: (this: HTMLElement, ev: FocusEvent) => any; | ||
@@ -63,3 +64,3 @@ oncanplay: (this: HTMLElement, ev: Event) => any; | ||
| ondblclick: (this: HTMLElement, ev: MouseEvent) => any; | ||
| ondeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| ondeactivate: (this: HTMLElement, ev: Event) => any; | ||
| ondrag: (this: HTMLElement, ev: DragEvent) => any; | ||
@@ -74,3 +75,3 @@ ondragend: (this: HTMLElement, ev: DragEvent) => any; | ||
| onemptied: (this: HTMLElement, ev: Event) => any; | ||
| onended: (this: HTMLElement, ev: MediaStreamErrorEvent) => any; | ||
| onended: (this: HTMLElement, ev: Event) => any; | ||
| onerror: (this: HTMLElement, ev: ErrorEvent) => any; | ||
@@ -95,4 +96,4 @@ onfocus: (this: HTMLElement, ev: FocusEvent) => any; | ||
| onmousewheel: (this: HTMLElement, ev: WheelEvent) => any; | ||
| onmscontentzoom: (this: HTMLElement, ev: UIEvent) => any; | ||
| onmsmanipulationstatechanged: (this: HTMLElement, ev: MSManipulationEvent) => any; | ||
| onmscontentzoom: (this: HTMLElement, ev: Event) => any; | ||
| onmsmanipulationstatechanged: (this: HTMLElement, ev: Event) => any; | ||
| onpaste: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
@@ -118,5 +119,5 @@ onpause: (this: HTMLElement, ev: Event) => any; | ||
| spellcheck: boolean; | ||
| readonly style: CSSStyleDeclaration; | ||
| tabIndex: number; | ||
| title: string; | ||
| animate(keyframes: AnimationKeyFrame | AnimationKeyFrame[], options: number | AnimationOptions): Animation; | ||
| blur(): void; | ||
@@ -127,6 +128,8 @@ click(): void; | ||
| msGetInputContext(): MSInputMethodContext; | ||
| addEventListener<K extends "error" | "waiting" | "progress" | "ended" | "change" | "input" | "select" | "abort" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; | ||
| addEventListener<K extends "waiting" | "error" | "abort" | "progress" | "ended" | "change" | "input" | "select" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "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 extends "error" | "waiting" | "progress" | "ended" | "change" | "input" | "select" | "abort" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; | ||
| removeEventListener<K extends "waiting" | "error" | "abort" | "progress" | "ended" | "change" | "input" | "select" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; | ||
| removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; | ||
| readonly assignedSlot: HTMLSlotElement; | ||
| readonly attributes: NamedNodeMap; | ||
| readonly classList: DOMTokenList; | ||
@@ -146,23 +149,23 @@ className: string; | ||
| onlostpointercapture: (this: Element, ev: PointerEvent) => any; | ||
| onmsgesturechange: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturedoubletap: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgestureend: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturehold: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturestart: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturetap: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgotpointercapture: (this: Element, ev: MSPointerEvent) => any; | ||
| onmsinertiastart: (this: Element, ev: MSGestureEvent) => any; | ||
| onmslostpointercapture: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointercancel: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerdown: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerenter: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerleave: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointermove: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerout: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerover: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerup: (this: Element, ev: MSPointerEvent) => any; | ||
| ontouchcancel: (ev: TouchEvent) => any; | ||
| ontouchend: (ev: TouchEvent) => any; | ||
| ontouchmove: (ev: TouchEvent) => any; | ||
| ontouchstart: (ev: TouchEvent) => any; | ||
| onmsgesturechange: (this: Element, ev: Event) => any; | ||
| onmsgesturedoubletap: (this: Element, ev: Event) => any; | ||
| onmsgestureend: (this: Element, ev: Event) => any; | ||
| onmsgesturehold: (this: Element, ev: Event) => any; | ||
| onmsgesturestart: (this: Element, ev: Event) => any; | ||
| onmsgesturetap: (this: Element, ev: Event) => any; | ||
| onmsgotpointercapture: (this: Element, ev: Event) => any; | ||
| onmsinertiastart: (this: Element, ev: Event) => any; | ||
| onmslostpointercapture: (this: Element, ev: Event) => any; | ||
| onmspointercancel: (this: Element, ev: Event) => any; | ||
| onmspointerdown: (this: Element, ev: Event) => any; | ||
| onmspointerenter: (this: Element, ev: Event) => any; | ||
| onmspointerleave: (this: Element, ev: Event) => any; | ||
| onmspointermove: (this: Element, ev: Event) => any; | ||
| onmspointerout: (this: Element, ev: Event) => any; | ||
| onmspointerover: (this: Element, ev: Event) => any; | ||
| onmspointerup: (this: Element, ev: Event) => any; | ||
| ontouchcancel: (this: Element, ev: TouchEvent) => any; | ||
| ontouchend: (this: Element, ev: TouchEvent) => any; | ||
| ontouchmove: (this: Element, ev: TouchEvent) => any; | ||
| ontouchstart: (this: Element, ev: TouchEvent) => any; | ||
| onwebkitfullscreenchange: (this: Element, ev: Event) => any; | ||
@@ -176,12 +179,16 @@ onwebkitfullscreenerror: (this: Element, ev: Event) => any; | ||
| readonly scrollWidth: number; | ||
| slot: string; | ||
| readonly tagName: string; | ||
| readonly assignedSlot: HTMLSlotElement; | ||
| slot: string; | ||
| getAttribute(name: string): string; | ||
| attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot; | ||
| closest<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selector: K): HTMLElementTagNameMap[K]; | ||
| closest<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selector: K): SVGElementTagNameMap[K]; | ||
| closest(selector: string): Element; | ||
| getAttribute(qualifiedName: string): string; | ||
| getAttributeNS(namespaceURI: string, localName: string): string; | ||
| getAttributeNode(name: string): Attr; | ||
| getAttributeNodeNS(namespaceURI: string, localName: string): Attr; | ||
| getAttributeNS(namespaceURI: string, localName: string): string; | ||
| getBoundingClientRect(): ClientRect | DOMRect; | ||
| getClientRects(): ClientRectList | DOMRectList; | ||
| getElementsByTagName<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(name: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| getElementsByClassName(classNames: string): NodeListOf<Element>; | ||
| getElementsByTagName<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(name: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| getElementsByTagName<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(name: K): NodeListOf<SVGElementTagNameMap[K]>; | ||
@@ -194,3 +201,8 @@ getElementsByTagName(name: string): NodeListOf<Element>; | ||
| hasAttributeNS(namespaceURI: string, localName: string): boolean; | ||
| msGetRegionContent(): MSRangeCollection; | ||
| hasAttributes(): boolean; | ||
| insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element; | ||
| insertAdjacentHTML(where: InsertPosition, html: string): void; | ||
| insertAdjacentText(where: InsertPosition, text: string): void; | ||
| matches(selectors: string): boolean; | ||
| msGetRegionContent(): any; | ||
| msGetUntransformedBounds(): ClientRect; | ||
@@ -203,34 +215,25 @@ msMatchesSelector(selectors: string): boolean; | ||
| removeAttribute(qualifiedName: string): void; | ||
| removeAttributeNS(namespaceURI: string, localName: string): void; | ||
| removeAttributeNode(oldAttr: Attr): Attr; | ||
| removeAttributeNS(namespaceURI: string, localName: string): void; | ||
| requestFullscreen(): void; | ||
| requestPointerLock(): void; | ||
| setAttribute(name: string, value: string): void; | ||
| scroll(options?: ScrollToOptions): void; | ||
| scroll(x: number, y: number): void; | ||
| scrollBy(options?: ScrollToOptions): void; | ||
| scrollBy(x: number, y: number): void; | ||
| scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; | ||
| scrollTo(options?: ScrollToOptions): void; | ||
| scrollTo(x: number, y: number): void; | ||
| setAttribute(qualifiedName: string, value: string): void; | ||
| setAttributeNS(namespaceURI: string, qualifiedName: string, value: string): void; | ||
| setAttributeNode(newAttr: Attr): Attr; | ||
| setAttributeNodeNS(newAttr: Attr): Attr; | ||
| setAttributeNS(namespaceURI: string, qualifiedName: string, value: string): void; | ||
| setPointerCapture(pointerId: number): void; | ||
| webkitMatchesSelector(selectors: string): boolean; | ||
| webkitRequestFullScreen(): void; | ||
| webkitRequestFullscreen(): void; | ||
| webkitRequestFullScreen(): void; | ||
| getElementsByClassName(classNames: string): NodeListOf<Element>; | ||
| matches(selector: string): boolean; | ||
| closest<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selector: K): HTMLElementTagNameMap[K]; | ||
| closest<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selector: K): SVGElementTagNameMap[K]; | ||
| closest(selector: string): Element; | ||
| scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; | ||
| scroll(options?: ScrollToOptions): void; | ||
| scroll(x: number, y: number): void; | ||
| scrollTo(options?: ScrollToOptions): void; | ||
| scrollTo(x: number, y: number): void; | ||
| scrollBy(options?: ScrollToOptions): void; | ||
| scrollBy(x: number, y: number): void; | ||
| insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element; | ||
| insertAdjacentHTML(where: InsertPosition, html: string): void; | ||
| insertAdjacentText(where: InsertPosition, text: string): void; | ||
| attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot; | ||
| readonly attributes: NamedNodeMap; | ||
| readonly baseURI: string; | ||
| readonly childNodes: NodeList; | ||
| readonly childNodes: NodeListOf<Node & ChildNode>; | ||
| readonly firstChild: Node; | ||
| readonly isConnected: boolean; | ||
| readonly lastChild: Node; | ||
@@ -252,3 +255,2 @@ readonly localName: string; | ||
| contains(child: Node): boolean; | ||
| hasAttributes(): boolean; | ||
| hasChildNodes(): boolean; | ||
@@ -297,9 +299,11 @@ insertBefore<T extends Node>(newChild: T, refChild: Node): T; | ||
| readonly previousElementSibling: Element; | ||
| querySelector<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selectors: K): HTMLElementTagNameMap[K]; | ||
| readonly children: HTMLCollection; | ||
| querySelector<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selectors: K): HTMLElementTagNameMap[K]; | ||
| querySelector<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selectors: K): SVGElementTagNameMap[K]; | ||
| querySelector<E extends Element = Element>(selectors: string): E; | ||
| querySelectorAll<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| querySelectorAll<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| querySelectorAll<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selectors: K): NodeListOf<SVGElementTagNameMap[K]>; | ||
| querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>; | ||
| remove(): void; | ||
| readonly style: CSSStyleDeclaration; | ||
| }; | ||
@@ -306,0 +310,0 @@ properties: Properties; |
@@ -40,3 +40,3 @@ import { TemplateResult, TemplateFactory } from '../lit-html/lit-html.js'; | ||
| */ | ||
| export declare function _createProperty(prop: string, attr: string, context: any, info: PropConfig): void; | ||
| export declare function createProperty(prop: string, attr: string, context: any, info: PropConfig): void; | ||
| /** | ||
@@ -55,12 +55,14 @@ * Returns a class with the Lit-Element features, that extends `superclass`. | ||
| __data: Data; | ||
| _methodsToCall: MethodsToCall; | ||
| _wait: any; | ||
| _firstRender: boolean; | ||
| __methodsToCall: MethodsToCall; | ||
| __wait: any; | ||
| __firstRender: boolean; | ||
| afterRender?: (isFirst: boolean) => void; | ||
| shadowRoot: ShadowRoot; | ||
| _propAttr: Map<string, string>; | ||
| _attrProp: Map<string, string>; | ||
| __propAttr: Map<string, string>; | ||
| __attrProp: Map<string, string>; | ||
| connectedCallback(): void; | ||
| _makeGetterSetter(prop: string, info: PropConfig): void; | ||
| _propertiesChanged(prop: string, newVal: any): void; | ||
| disconnectedCallback(): void; | ||
| __makeGetterSetter(prop: string, info: PropConfig): void; | ||
| __propertiesChanged(prop: string, newVal: any): void; | ||
| setProperty(prop: string, newVal: any): void; | ||
| attributeChangedCallback(attr: string, old: any, val: any): void; | ||
@@ -72,3 +74,2 @@ postponedRender(): void; | ||
| accessKey: string; | ||
| readonly children: HTMLCollection; | ||
| contentEditable: string; | ||
@@ -89,8 +90,8 @@ readonly dataset: DOMStringMap; | ||
| onabort: (this: HTMLElement, ev: UIEvent) => any; | ||
| onactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforecopy: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onbeforecut: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onbeforedeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| onbeforepaste: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
| onactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforeactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforecopy: (this: HTMLElement, ev: Event) => any; | ||
| onbeforecut: (this: HTMLElement, ev: Event) => any; | ||
| onbeforedeactivate: (this: HTMLElement, ev: Event) => any; | ||
| onbeforepaste: (this: HTMLElement, ev: Event) => any; | ||
| onblur: (this: HTMLElement, ev: FocusEvent) => any; | ||
@@ -106,3 +107,3 @@ oncanplay: (this: HTMLElement, ev: Event) => any; | ||
| ondblclick: (this: HTMLElement, ev: MouseEvent) => any; | ||
| ondeactivate: (this: HTMLElement, ev: UIEvent) => any; | ||
| ondeactivate: (this: HTMLElement, ev: Event) => any; | ||
| ondrag: (this: HTMLElement, ev: DragEvent) => any; | ||
@@ -117,3 +118,3 @@ ondragend: (this: HTMLElement, ev: DragEvent) => any; | ||
| onemptied: (this: HTMLElement, ev: Event) => any; | ||
| onended: (this: HTMLElement, ev: MediaStreamErrorEvent) => any; | ||
| onended: (this: HTMLElement, ev: Event) => any; | ||
| onerror: (this: HTMLElement, ev: ErrorEvent) => any; | ||
@@ -138,4 +139,4 @@ onfocus: (this: HTMLElement, ev: FocusEvent) => any; | ||
| onmousewheel: (this: HTMLElement, ev: WheelEvent) => any; | ||
| onmscontentzoom: (this: HTMLElement, ev: UIEvent) => any; | ||
| onmsmanipulationstatechanged: (this: HTMLElement, ev: MSManipulationEvent) => any; | ||
| onmscontentzoom: (this: HTMLElement, ev: Event) => any; | ||
| onmsmanipulationstatechanged: (this: HTMLElement, ev: Event) => any; | ||
| onpaste: (this: HTMLElement, ev: ClipboardEvent) => any; | ||
@@ -161,5 +162,5 @@ onpause: (this: HTMLElement, ev: Event) => any; | ||
| spellcheck: boolean; | ||
| readonly style: CSSStyleDeclaration; | ||
| tabIndex: number; | ||
| title: string; | ||
| animate(keyframes: AnimationKeyFrame | AnimationKeyFrame[], options: number | AnimationOptions): Animation; | ||
| blur(): void; | ||
@@ -170,6 +171,8 @@ click(): void; | ||
| msGetInputContext(): MSInputMethodContext; | ||
| addEventListener<K extends "error" | "waiting" | "progress" | "ended" | "change" | "input" | "select" | "abort" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; | ||
| addEventListener<K extends "waiting" | "error" | "abort" | "progress" | "ended" | "change" | "input" | "select" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "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 extends "error" | "waiting" | "progress" | "ended" | "change" | "input" | "select" | "abort" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; | ||
| removeEventListener<K extends "waiting" | "error" | "abort" | "progress" | "ended" | "change" | "input" | "select" | "activate" | "beforeactivate" | "beforedeactivate" | "blur" | "canplay" | "canplaythrough" | "click" | "contextmenu" | "dblclick" | "deactivate" | "drag" | "dragend" | "dragenter" | "dragleave" | "dragover" | "dragstart" | "drop" | "durationchange" | "emptied" | "focus" | "invalid" | "keydown" | "keypress" | "keyup" | "load" | "loadeddata" | "loadedmetadata" | "loadstart" | "mousedown" | "mousemove" | "mouseout" | "mouseover" | "mouseup" | "mousewheel" | "MSContentZoom" | "MSGestureChange" | "MSGestureDoubleTap" | "MSGestureEnd" | "MSGestureHold" | "MSGestureStart" | "MSGestureTap" | "MSInertiaStart" | "MSManipulationStateChanged" | "MSPointerCancel" | "MSPointerDown" | "MSPointerEnter" | "MSPointerLeave" | "MSPointerMove" | "MSPointerOut" | "MSPointerOver" | "MSPointerUp" | "pause" | "play" | "playing" | "ratechange" | "reset" | "scroll" | "seeked" | "seeking" | "selectstart" | "stalled" | "submit" | "suspend" | "timeupdate" | "touchcancel" | "touchend" | "touchmove" | "touchstart" | "volumechange" | "webkitfullscreenchange" | "webkitfullscreenerror" | "pointercancel" | "pointerdown" | "pointerenter" | "pointerleave" | "pointermove" | "pointerout" | "pointerover" | "pointerup" | "wheel" | "ariarequest" | "command" | "gotpointercapture" | "lostpointercapture" | "MSGotPointerCapture" | "MSLostPointerCapture" | "beforecopy" | "beforecut" | "beforepaste" | "copy" | "cuechange" | "cut" | "mouseenter" | "mouseleave" | "paste">(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; | ||
| removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; | ||
| readonly assignedSlot: HTMLSlotElement; | ||
| readonly attributes: NamedNodeMap; | ||
| readonly classList: DOMTokenList; | ||
@@ -189,23 +192,23 @@ className: string; | ||
| onlostpointercapture: (this: Element, ev: PointerEvent) => any; | ||
| onmsgesturechange: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturedoubletap: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgestureend: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturehold: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturestart: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgesturetap: (this: Element, ev: MSGestureEvent) => any; | ||
| onmsgotpointercapture: (this: Element, ev: MSPointerEvent) => any; | ||
| onmsinertiastart: (this: Element, ev: MSGestureEvent) => any; | ||
| onmslostpointercapture: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointercancel: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerdown: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerenter: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerleave: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointermove: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerout: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerover: (this: Element, ev: MSPointerEvent) => any; | ||
| onmspointerup: (this: Element, ev: MSPointerEvent) => any; | ||
| ontouchcancel: (ev: TouchEvent) => any; | ||
| ontouchend: (ev: TouchEvent) => any; | ||
| ontouchmove: (ev: TouchEvent) => any; | ||
| ontouchstart: (ev: TouchEvent) => any; | ||
| onmsgesturechange: (this: Element, ev: Event) => any; | ||
| onmsgesturedoubletap: (this: Element, ev: Event) => any; | ||
| onmsgestureend: (this: Element, ev: Event) => any; | ||
| onmsgesturehold: (this: Element, ev: Event) => any; | ||
| onmsgesturestart: (this: Element, ev: Event) => any; | ||
| onmsgesturetap: (this: Element, ev: Event) => any; | ||
| onmsgotpointercapture: (this: Element, ev: Event) => any; | ||
| onmsinertiastart: (this: Element, ev: Event) => any; | ||
| onmslostpointercapture: (this: Element, ev: Event) => any; | ||
| onmspointercancel: (this: Element, ev: Event) => any; | ||
| onmspointerdown: (this: Element, ev: Event) => any; | ||
| onmspointerenter: (this: Element, ev: Event) => any; | ||
| onmspointerleave: (this: Element, ev: Event) => any; | ||
| onmspointermove: (this: Element, ev: Event) => any; | ||
| onmspointerout: (this: Element, ev: Event) => any; | ||
| onmspointerover: (this: Element, ev: Event) => any; | ||
| onmspointerup: (this: Element, ev: Event) => any; | ||
| ontouchcancel: (this: Element, ev: TouchEvent) => any; | ||
| ontouchend: (this: Element, ev: TouchEvent) => any; | ||
| ontouchmove: (this: Element, ev: TouchEvent) => any; | ||
| ontouchstart: (this: Element, ev: TouchEvent) => any; | ||
| onwebkitfullscreenchange: (this: Element, ev: Event) => any; | ||
@@ -219,12 +222,16 @@ onwebkitfullscreenerror: (this: Element, ev: Event) => any; | ||
| readonly scrollWidth: number; | ||
| slot: string; | ||
| readonly tagName: string; | ||
| readonly assignedSlot: HTMLSlotElement; | ||
| slot: string; | ||
| getAttribute(name: string): string; | ||
| attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot; | ||
| closest<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selector: K): HTMLElementTagNameMap[K]; | ||
| closest<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selector: K): SVGElementTagNameMap[K]; | ||
| closest(selector: string): Element; | ||
| getAttribute(qualifiedName: string): string; | ||
| getAttributeNS(namespaceURI: string, localName: string): string; | ||
| getAttributeNode(name: string): Attr; | ||
| getAttributeNodeNS(namespaceURI: string, localName: string): Attr; | ||
| getAttributeNS(namespaceURI: string, localName: string): string; | ||
| getBoundingClientRect(): ClientRect | DOMRect; | ||
| getClientRects(): ClientRectList | DOMRectList; | ||
| getElementsByTagName<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(name: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| getElementsByClassName(classNames: string): NodeListOf<Element>; | ||
| getElementsByTagName<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(name: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| getElementsByTagName<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(name: K): NodeListOf<SVGElementTagNameMap[K]>; | ||
@@ -237,3 +244,8 @@ getElementsByTagName(name: string): NodeListOf<Element>; | ||
| hasAttributeNS(namespaceURI: string, localName: string): boolean; | ||
| msGetRegionContent(): MSRangeCollection; | ||
| hasAttributes(): boolean; | ||
| insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element; | ||
| insertAdjacentHTML(where: InsertPosition, html: string): void; | ||
| insertAdjacentText(where: InsertPosition, text: string): void; | ||
| matches(selectors: string): boolean; | ||
| msGetRegionContent(): any; | ||
| msGetUntransformedBounds(): ClientRect; | ||
@@ -246,34 +258,25 @@ msMatchesSelector(selectors: string): boolean; | ||
| removeAttribute(qualifiedName: string): void; | ||
| removeAttributeNS(namespaceURI: string, localName: string): void; | ||
| removeAttributeNode(oldAttr: Attr): Attr; | ||
| removeAttributeNS(namespaceURI: string, localName: string): void; | ||
| requestFullscreen(): void; | ||
| requestPointerLock(): void; | ||
| setAttribute(name: string, value: string): void; | ||
| scroll(options?: ScrollToOptions): void; | ||
| scroll(x: number, y: number): void; | ||
| scrollBy(options?: ScrollToOptions): void; | ||
| scrollBy(x: number, y: number): void; | ||
| scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; | ||
| scrollTo(options?: ScrollToOptions): void; | ||
| scrollTo(x: number, y: number): void; | ||
| setAttribute(qualifiedName: string, value: string): void; | ||
| setAttributeNS(namespaceURI: string, qualifiedName: string, value: string): void; | ||
| setAttributeNode(newAttr: Attr): Attr; | ||
| setAttributeNodeNS(newAttr: Attr): Attr; | ||
| setAttributeNS(namespaceURI: string, qualifiedName: string, value: string): void; | ||
| setPointerCapture(pointerId: number): void; | ||
| webkitMatchesSelector(selectors: string): boolean; | ||
| webkitRequestFullScreen(): void; | ||
| webkitRequestFullscreen(): void; | ||
| webkitRequestFullScreen(): void; | ||
| getElementsByClassName(classNames: string): NodeListOf<Element>; | ||
| matches(selector: string): boolean; | ||
| closest<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selector: K): HTMLElementTagNameMap[K]; | ||
| closest<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selector: K): SVGElementTagNameMap[K]; | ||
| closest(selector: string): Element; | ||
| scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; | ||
| scroll(options?: ScrollToOptions): void; | ||
| scroll(x: number, y: number): void; | ||
| scrollTo(options?: ScrollToOptions): void; | ||
| scrollTo(x: number, y: number): void; | ||
| scrollBy(options?: ScrollToOptions): void; | ||
| scrollBy(x: number, y: number): void; | ||
| insertAdjacentElement(position: InsertPosition, insertedElement: Element): Element; | ||
| insertAdjacentHTML(where: InsertPosition, html: string): void; | ||
| insertAdjacentText(where: InsertPosition, text: string): void; | ||
| attachShadow(shadowRootInitDict: ShadowRootInit): ShadowRoot; | ||
| readonly attributes: NamedNodeMap; | ||
| readonly baseURI: string; | ||
| readonly childNodes: NodeList; | ||
| readonly childNodes: NodeListOf<Node & ChildNode>; | ||
| readonly firstChild: Node; | ||
| readonly isConnected: boolean; | ||
| readonly lastChild: Node; | ||
@@ -295,3 +298,2 @@ readonly localName: string; | ||
| contains(child: Node): boolean; | ||
| hasAttributes(): boolean; | ||
| hasChildNodes(): boolean; | ||
@@ -340,9 +342,11 @@ insertBefore<T extends Node>(newChild: T, refChild: Node): T; | ||
| readonly previousElementSibling: Element; | ||
| querySelector<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selectors: K): HTMLElementTagNameMap[K]; | ||
| readonly children: HTMLCollection; | ||
| querySelector<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selectors: K): HTMLElementTagNameMap[K]; | ||
| querySelector<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selectors: K): SVGElementTagNameMap[K]; | ||
| querySelector<E extends Element = Element>(selectors: string): E; | ||
| querySelectorAll<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "x-ms-webview" | "xmp">(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| querySelectorAll<K extends "object" | "track" | "progress" | "a" | "abbr" | "acronym" | "address" | "applet" | "area" | "article" | "aside" | "audio" | "b" | "base" | "basefont" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "dfn" | "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" | "isindex" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "listing" | "map" | "mark" | "marquee" | "menu" | "meta" | "meter" | "nav" | "nextid" | "nobr" | "noframes" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "plaintext" | "pre" | "q" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strike" | "strong" | "style" | "sub" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "tt" | "u" | "ul" | "var" | "video" | "wbr" | "xmp">(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>; | ||
| querySelectorAll<K extends "symbol" | "circle" | "defs" | "desc" | "ellipse" | "filter" | "g" | "image" | "line" | "marker" | "mask" | "path" | "metadata" | "pattern" | "polygon" | "polyline" | "rect" | "svg" | "stop" | "switch" | "tspan" | "text" | "use" | "view" | "clippath" | "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" | "lineargradient" | "radialgradient" | "textpath">(selectors: K): NodeListOf<SVGElementTagNameMap[K]>; | ||
| querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>; | ||
| remove(): void; | ||
| readonly style: CSSStyleDeclaration; | ||
| }; | ||
@@ -349,0 +353,0 @@ properties: Properties; |
@@ -26,3 +26,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { | ||
| */ | ||
| export function _createProperty(prop, attr, context, info) { | ||
| export function createProperty(prop, attr, context, info) { | ||
| // get value that was already set on the property (if any) | ||
@@ -39,23 +39,3 @@ const setVal = context[prop]; | ||
| : val); | ||
| if (info.reflectToAttribute) { | ||
| /* Set the new value by setting the observed attribute. | ||
| * This will trigger attributeChangedCallback() which will | ||
| * convert the attribute data to a property, | ||
| * (this.__data[prop]) and trigger _propertiesChanged(). | ||
| */ | ||
| context.setAttribute(attr, resolved); | ||
| } | ||
| else { | ||
| /* Set the property directly and trigger | ||
| * _propertiesChanged() | ||
| */ | ||
| context._propertiesChanged(prop, resolved); | ||
| } | ||
| if (info.notify) { | ||
| context.dispatchEvent(new CustomEvent(`${attr}-changed`, { | ||
| bubbles: true, | ||
| composed: true, | ||
| detail: resolved | ||
| })); | ||
| } | ||
| context.setProperty(prop, resolved); | ||
| }); | ||
@@ -71,3 +51,3 @@ } | ||
| // Establish the property-change observer | ||
| context._methodsToCall[prop] = context[info.observer].bind(context); | ||
| context.__methodsToCall[prop] = context[info.observer].bind(context); | ||
| } | ||
@@ -100,11 +80,11 @@ else { | ||
| this.__data = {}; | ||
| this._methodsToCall = {}; | ||
| this._firstRender = false; | ||
| this._propAttr = new Map(); // propertyName -> attribute-name | ||
| this._attrProp = new Map(); // attribute-name -> propertyName | ||
| this.__methodsToCall = {}; | ||
| this.__firstRender = false; | ||
| this.__propAttr = new Map(); // propertyName -> attribute-name | ||
| this.__attrProp = new Map(); // attribute-name -> propertyName | ||
| this.attachShadow({ mode: 'open' }); | ||
| for (let prop in this.constructor.properties) { | ||
| const attr = camelCaseToKebab(prop); | ||
| this._propAttr.set(prop, attr); | ||
| this._attrProp.set(attr, prop); | ||
| this.__propAttr.set(prop, attr); | ||
| this.__attrProp.set(attr, prop); | ||
| } | ||
@@ -123,15 +103,21 @@ } | ||
| const props = this.constructor.properties; | ||
| this._wait = true; | ||
| this.__wait = true; | ||
| for (let prop in props) { | ||
| if (typeof props[prop] === 'function') | ||
| props[prop] = { type: props[prop] }; | ||
| this._makeGetterSetter(prop, props[prop]); | ||
| this.__makeGetterSetter(prop, props[prop]); | ||
| } | ||
| delete this._wait; | ||
| this._firstRender = true; | ||
| delete this.__wait; | ||
| this.__firstRender = true; | ||
| if (this.connected) | ||
| this.connected.call(this); | ||
| /* Perform the first render after connection immediately | ||
| * without the delay of refresh() | ||
| */ | ||
| renderFunction(this.render(Object.assign({}, this.__data)), this.shadowRoot); | ||
| this.postponedRender(); | ||
| } | ||
| disconnectedCallback() { | ||
| if (this.disconnected) | ||
| this.disconnected.call(this); | ||
| } | ||
| /** | ||
@@ -142,5 +128,5 @@ * Creates the Propertyaccessors for the defined properties of the Element. | ||
| */ | ||
| _makeGetterSetter(prop, info) { | ||
| const attr = this._propAttr.get(prop); | ||
| _createProperty(prop, attr, this, info); | ||
| __makeGetterSetter(prop, info) { | ||
| const attr = this.__propAttr.get(prop); | ||
| createProperty(prop, attr, this, info); | ||
| } | ||
@@ -153,3 +139,3 @@ /** | ||
| */ | ||
| _propertiesChanged(prop, newVal) { | ||
| __propertiesChanged(prop, newVal) { | ||
| if (this.__data[prop] !== newVal) { | ||
@@ -159,4 +145,4 @@ const oldVal = this.__data[prop]; | ||
| this.__data[prop] = newVal; | ||
| if (this._methodsToCall[prop]) { | ||
| if (this._methodsToCall[prop](newVal, oldVal) === false) { | ||
| if (this.__methodsToCall[prop]) { | ||
| if (this.__methodsToCall[prop](newVal, oldVal) === false) { | ||
| doRefresh = false; | ||
@@ -170,4 +156,29 @@ } | ||
| } | ||
| setProperty(prop, newVal) { | ||
| const info = this.constructor.properties[prop]; | ||
| const attr = this.__propAttr.get(prop); | ||
| if (info.reflectToAttribute) { | ||
| /* Set the new value by setting the observed attribute. | ||
| * This will trigger attributeChangedCallback() which will | ||
| * convert the attribute data to a property, | ||
| * (this.__data[prop]) and trigger __propertiesChanged(). | ||
| */ | ||
| this.setAttribute(attr, newVal); | ||
| } | ||
| else { | ||
| /* Set the property directly and trigger | ||
| * __propertiesChanged() | ||
| */ | ||
| this.__propertiesChanged(prop, newVal); | ||
| } | ||
| if (info.notify) { | ||
| this.dispatchEvent(new CustomEvent(`${attr}-changed`, { | ||
| bubbles: true, | ||
| composed: true, | ||
| detail: newVal | ||
| })); | ||
| } | ||
| } | ||
| /** | ||
| * Gets called when an observed attribute changes. Calls `_propertiesChanged` | ||
| * Gets called when an observed attribute changes. Calls `__propertiesChanged` | ||
| * | ||
@@ -181,3 +192,3 @@ * @param {string} prop | ||
| return; | ||
| const prop = this._attrProp.get(attr); | ||
| const prop = this.__attrProp.get(attr); | ||
| if (this.__data[prop] !== val) { | ||
@@ -223,3 +234,3 @@ const { type } = this.constructor.properties[prop]; | ||
| */ | ||
| this._propertiesChanged(prop, newVal); | ||
| this.__propertiesChanged(prop, newVal); | ||
| } | ||
@@ -226,0 +237,0 @@ } |
@@ -6,3 +6,3 @@ { | ||
| "name": "lit-element", | ||
| "version": "0.4.9", | ||
| "version": "0.4.10", | ||
| "description": "Implements lit-html via a LitElement class. Made for custom Elements.", | ||
@@ -25,3 +25,3 @@ "main": "lit-element.js", | ||
| "tslint": "^5.9.1", | ||
| "typescript": "^2.7.1", | ||
| "typescript": "^2.8.3", | ||
| "uglify-es": "^3.1.9" | ||
@@ -35,3 +35,2 @@ }, | ||
| "files": [ | ||
| "legacy", | ||
| "src", | ||
@@ -38,0 +37,0 @@ "LICENSE", |
@@ -1,2 +0,2 @@ | ||
| import { _createProperty, PropConfig, camelCaseToKebab } from './lit-lite.js' | ||
| import { createProperty, PropConfig, camelCaseToKebab } from './lit-lite.js' | ||
@@ -6,3 +6,3 @@ export function property(config: PropConfig = { type: String }) { | ||
| const attrName = camelCaseToKebab(propName); | ||
| _createProperty(propName, attrName, prototype, config); | ||
| createProperty(propName, attrName, prototype, config); | ||
| } | ||
@@ -16,4 +16,4 @@ } | ||
| const attrName = camelCaseToKebab(propName); | ||
| _createProperty(propName, attrName, prototype, config); | ||
| createProperty(propName, attrName, prototype, config); | ||
| } | ||
| } |
@@ -51,3 +51,3 @@ import { TemplateResult, TemplateFactory } from '../node_modules/lit-html/lit-html.js'; | ||
| */ | ||
| export function _createProperty(prop: string, attr: string, context: any, info: PropConfig) { | ||
| export function createProperty(prop: string, attr: string, context: any, info: PropConfig) { | ||
| // get value that was already set on the property (if any) | ||
@@ -63,23 +63,3 @@ const setVal = context[prop]; | ||
| : val); | ||
| if (info.reflectToAttribute) { | ||
| /* Set the new value by setting the observed attribute. | ||
| * This will trigger attributeChangedCallback() which will | ||
| * convert the attribute data to a property, | ||
| * (this.__data[prop]) and trigger _propertiesChanged(). | ||
| */ | ||
| context.setAttribute(attr, resolved); | ||
| } else { | ||
| /* Set the property directly and trigger | ||
| * _propertiesChanged() | ||
| */ | ||
| context._propertiesChanged(prop, resolved); | ||
| } | ||
| if (info.notify) { | ||
| context.dispatchEvent(new CustomEvent(`${attr}-changed`, <LitEventInit>{ | ||
| bubbles: true, | ||
| composed: true, | ||
| detail: resolved | ||
| })); | ||
| } | ||
| context.setProperty(prop, resolved); | ||
| } | ||
@@ -95,3 +75,3 @@ }); | ||
| // Establish the property-change observer | ||
| context._methodsToCall[prop] = context[info.observer].bind(context); | ||
| context.__methodsToCall[prop] = context[info.observer].bind(context); | ||
| } else { | ||
@@ -128,9 +108,9 @@ console.warn(`Method ${info.observer} not defined!`); | ||
| __data: Data = {}; | ||
| _methodsToCall: MethodsToCall = {}; | ||
| _wait: any; | ||
| _firstRender: boolean = false; | ||
| __methodsToCall: MethodsToCall = {}; | ||
| __wait: any; | ||
| __firstRender: boolean = false; | ||
| afterRender?: (isFirst: boolean) => void; | ||
| shadowRoot!: ShadowRoot; | ||
| _propAttr: Map<string, string> = new Map(); // propertyName -> attribute-name | ||
| _attrProp: Map<string, string> = new Map(); // attribute-name -> propertyName | ||
| __propAttr: Map<string, string> = new Map(); // propertyName -> attribute-name | ||
| __attrProp: Map<string, string> = new Map(); // attribute-name -> propertyName | ||
| [key: string]: any | ||
@@ -154,4 +134,4 @@ | ||
| const attr = camelCaseToKebab(prop); | ||
| this._propAttr.set(prop, attr); | ||
| this._attrProp.set(attr, prop); | ||
| this.__propAttr.set(prop, attr); | ||
| this.__attrProp.set(attr, prop); | ||
| } | ||
@@ -162,18 +142,26 @@ } | ||
| const props = (this.constructor as any).properties; | ||
| this._wait = true; | ||
| this.__wait = true; | ||
| for (let prop in props) { | ||
| if (typeof props[prop] === 'function') | ||
| props[prop] = { type: props[prop] }; | ||
| this._makeGetterSetter(prop, props[prop]) | ||
| this.__makeGetterSetter(prop, props[prop]) | ||
| } | ||
| delete this._wait; | ||
| delete this.__wait; | ||
| this._firstRender = true; | ||
| this.__firstRender = true; | ||
| if(this.connected) | ||
| this.connected.call(this); | ||
| /* Perform the first render after connection immediately | ||
| * without the delay of refresh() | ||
| */ | ||
| renderFunction(this.render({...this.__data}), this.shadowRoot) | ||
| this.postponedRender(); | ||
| } | ||
| disconnectedCallback() { | ||
| if(this.disconnected) | ||
| this.disconnected.call(this); | ||
| } | ||
| /** | ||
@@ -184,5 +172,5 @@ * Creates the Propertyaccessors for the defined properties of the Element. | ||
| */ | ||
| _makeGetterSetter(prop: string, info: PropConfig) { | ||
| const attr = <string>this._propAttr.get(prop); | ||
| _createProperty(prop, attr, this, info); | ||
| __makeGetterSetter(prop: string, info: PropConfig) { | ||
| const attr = <string>this.__propAttr.get(prop); | ||
| createProperty(prop, attr, this, info); | ||
| } | ||
@@ -196,3 +184,3 @@ | ||
| */ | ||
| _propertiesChanged(prop: string, newVal: any) { | ||
| __propertiesChanged(prop: string, newVal: any) { | ||
| if (this.__data[prop] !== newVal) { | ||
@@ -203,4 +191,4 @@ const oldVal = this.__data[prop]; | ||
| if (this._methodsToCall[prop]) { | ||
| if (this._methodsToCall[prop](newVal, oldVal) === false) { | ||
| if (this.__methodsToCall[prop]) { | ||
| if (this.__methodsToCall[prop](newVal, oldVal) === false) { | ||
| doRefresh = false; | ||
@@ -216,4 +204,30 @@ } | ||
| setProperty(prop: string, newVal: any) { | ||
| const info = (this.constructor as any).properties[prop]; | ||
| const attr = this.__propAttr.get(prop); | ||
| if (info.reflectToAttribute) { | ||
| /* Set the new value by setting the observed attribute. | ||
| * This will trigger attributeChangedCallback() which will | ||
| * convert the attribute data to a property, | ||
| * (this.__data[prop]) and trigger __propertiesChanged(). | ||
| */ | ||
| this.setAttribute(attr!, newVal); | ||
| } else { | ||
| /* Set the property directly and trigger | ||
| * __propertiesChanged() | ||
| */ | ||
| this.__propertiesChanged(prop, newVal); | ||
| } | ||
| if (info.notify) { | ||
| this.dispatchEvent(new CustomEvent(`${attr}-changed`, <LitEventInit>{ | ||
| bubbles: true, | ||
| composed: true, | ||
| detail: newVal | ||
| })); | ||
| } | ||
| } | ||
| /** | ||
| * Gets called when an observed attribute changes. Calls `_propertiesChanged` | ||
| * Gets called when an observed attribute changes. Calls `__propertiesChanged` | ||
| * | ||
@@ -226,3 +240,3 @@ * @param {string} prop | ||
| if (old === val) return; | ||
| const prop = <string>this._attrProp.get(attr); | ||
| const prop = <string>this.__attrProp.get(attr); | ||
| if (this.__data[prop] !== val) { | ||
@@ -271,3 +285,3 @@ const { type } = (this.constructor as any).properties[prop]; | ||
| */ | ||
| this._propertiesChanged(prop, newVal); | ||
| this.__propertiesChanged(prop, newVal); | ||
| } | ||
@@ -274,0 +288,0 @@ } |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.68%
143911
- Lines of code
- increased by1.71%
1669
No dependency changes