UNPKG

58.5 kBTypeScriptView Raw
1declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
2export interface ComponentDecorator {
3 (opts?: ComponentOptions): ClassDecorator;
4}
5export interface ComponentOptions {
6 /**
7 * Tag name of the web component. Ideally, the tag name must be globally unique,
8 * so it's recommended to choose an unique prefix for all your components within the same collection.
9 *
10 * In addition, tag name must contain a '-'
11 */
12 tag: string;
13 /**
14 * If `true`, the component will use scoped stylesheets. Similar to shadow-dom,
15 * but without native isolation. Defaults to `false`.
16 */
17 scoped?: boolean;
18 /**
19 * If `true`, the component will use native shadow-dom encapsulation, it will fallback to
20 * `scoped` if the browser does not support shadow-dom natively. Defaults to `false`.
21 * Additionally, `shadow` can also be given options when attaching the shadow root.
22 */
23 shadow?: boolean | ShadowRootOptions;
24 /**
25 * Relative URL to some external stylesheet file. It should be a `.css` file unless some
26 * external plugin is installed like `@stencil/sass`.
27 */
28 styleUrl?: string;
29 /**
30 * Similar as `styleUrl` but allows to specify different stylesheets for different modes.
31 */
32 styleUrls?: string[] | ModeStyles;
33 /**
34 * String that contains inlined CSS instead of using an external stylesheet.
35 * The performance characteristics of this feature are the same as using an external stylesheet.
36 *
37 * Notice, you can't use sass, or less, only `css` is allowed using `styles`, use `styleUrl` is you need more advanced features.
38 */
39 styles?: string | {
40 [modeName: string]: any;
41 };
42 /**
43 * Array of relative links to folders of assets required by the component.
44 */
45 assetsDirs?: string[];
46 /**
47 * @deprecated Use `assetsDirs` instead
48 */
49 assetsDir?: string;
50}
51export interface ShadowRootOptions {
52 /**
53 * When set to `true`, specifies behavior that mitigates custom element issues
54 * around focusability. When a non-focusable part of the shadow DOM is clicked, the first
55 * focusable part is given focus, and the shadow host is given any available `:focus` styling.
56 */
57 delegatesFocus?: boolean;
58}
59export interface ModeStyles {
60 [modeName: string]: string | string[];
61}
62export interface PropDecorator {
63 (opts?: PropOptions): PropertyDecorator;
64}
65export interface PropOptions {
66 /**
67 * The name of the associated DOM attribute.
68 * Stencil uses different heuristics to determine the default name of the attribute,
69 * but using this property, you can override the default behaviour.
70 */
71 attribute?: string | null;
72 /**
73 * A Prop is _by default_ immutable from inside the component logic.
74 * Once a value is set by a user, the component cannot update it internally.
75 * However, it's possible to explicitly allow a Prop to be mutated from inside the component,
76 * by setting this `mutable` option to `true`.
77 */
78 mutable?: boolean;
79 /**
80 * In some cases it may be useful to keep a Prop in sync with an attribute.
81 * In this case you can set the `reflect` option to `true`, since it defaults to `false`:
82 */
83 reflect?: boolean;
84 /** @deprecated: "attr" has been deprecated, please use "attribute" instead. */
85 attr?: string;
86 /** @deprecated "context" has been deprecated. */
87 context?: string;
88 /** @deprecated "connect" has been deprecated, please use ES modules and/or dynamic imports instead. */
89 connect?: string;
90 /** @deprecated "reflectToAttr" has been deprecated, please use "reflect" instead. */
91 reflectToAttr?: boolean;
92}
93export interface MethodDecorator {
94 (opts?: MethodOptions): CustomMethodDecorator<any>;
95}
96export interface MethodOptions {
97}
98export interface ElementDecorator {
99 (): PropertyDecorator;
100}
101export interface EventDecorator {
102 (opts?: EventOptions): PropertyDecorator;
103}
104export interface EventOptions {
105 /**
106 * A string custom event name to override the default.
107 */
108 eventName?: string;
109 /**
110 * A Boolean indicating whether the event bubbles up through the DOM or not.
111 */
112 bubbles?: boolean;
113 /**
114 * A Boolean indicating whether the event is cancelable.
115 */
116 cancelable?: boolean;
117 /**
118 * A Boolean value indicating whether or not the event can bubble across the boundary between the shadow DOM and the regular DOM.
119 */
120 composed?: boolean;
121}
122export interface ListenDecorator {
123 (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
124}
125export interface ListenOptions {
126 /**
127 * Handlers can also be registered for an event other than the host itself.
128 * The `target` option can be used to change where the event listener is attached,
129 * this is useful for listening to application-wide events.
130 */
131 target?: ListenTargetOptions;
132 /**
133 * Event listener attached with `@Listen` does not "capture" by default,
134 * When a event listener is set to "capture", means the event will be dispatched
135 * during the "capture phase". Please see
136 * https://www.quirksmode.org/js/events_order.html for further information.
137 */
138 capture?: boolean;
139 /**
140 * By default, Stencil uses several heuristics to determine if
141 * it must attach a `passive` event listener or not.
142 *
143 * Using the `passive` option can be used to change the default behaviour.
144 * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
145 */
146 passive?: boolean;
147}
148export declare type ListenTargetOptions = 'parent' | 'body' | 'document' | 'window';
149export interface StateDecorator {
150 (): PropertyDecorator;
151}
152export interface WatchDecorator {
153 (propName: string): CustomMethodDecorator<any>;
154}
155export interface UserBuildConditionals {
156 isDev: boolean;
157 isBrowser: boolean;
158 isServer: boolean;
159 isTesting: boolean;
160}
161/**
162 * The `Build` object provides many build conditionals that can be used to
163 * include or exclude code depending on the build.
164 */
165export declare const Build: UserBuildConditionals;
166/**
167 * The `@Component()` decorator is used to provide metadata about the component class.
168 * https://stenciljs.com/docs/component
169 */
170export declare const Component: ComponentDecorator;
171/**
172 * The `@Element()` decorator is a reference to the actual host element
173 * once it has rendered.
174 */
175export declare const Element: ElementDecorator;
176/**
177 * Components can emit data and events using the Event Emitter decorator.
178 * To dispatch Custom DOM events for other components to handle, use the
179 * `@Event()` decorator. The Event decorator also makes it easier for Stencil
180 * to automatically build types and documentation for the event data.
181 * https://stenciljs.com/docs/events
182 */
183export declare const Event: EventDecorator;
184/**
185 * The `Listen()` decorator is for listening DOM events, including the ones
186 * dispatched from `@Events()`.
187 * https://stenciljs.com/docs/events#listen-decorator
188 */
189export declare const Listen: ListenDecorator;
190/**
191 * The `@Method()` decorator is used to expose methods on the public API.
192 * Class methods decorated with the @Method() decorator can be called directly
193 * from the element, meaning they are intended to be callable from the outside.
194 * https://stenciljs.com/docs/methods
195 */
196export declare const Method: MethodDecorator;
197/**
198 * Props are custom attribute/properties exposed publicly on the element
199 * that developers can provide values for. Children components do not need to
200 * know about or reference parent components, so Props can be used to pass
201 * data down from the parent to the child. Components need to explicitly
202 * declare the Props they expect to receive using the `@Prop()` decorator.
203 * Any value changes to a Prop will cause a re-render.
204 * https://stenciljs.com/docs/properties
205 */
206export declare const Prop: PropDecorator;
207/**
208 * The `@State()` decorator can be used to manage internal data for a component.
209 * This means that a user cannot modify this data from outside the component,
210 * but the component can modify it however it sees fit. Any value changes to a
211 * `@State()` property will cause the components render function to be called again.
212 * https://stenciljs.com/docs/state
213 */
214export declare const State: StateDecorator;
215/**
216 * When a property's value has changed, a method decorated with `@Watch()` will be
217 * called and passed the new value of the prop along with the old value. Watch is
218 * useful for validating props or handling side effects. Watch decorator does not
219 * fire when a component initially loads.
220 * https://stenciljs.com/docs/reactive-data#watch-decorator
221 */
222export declare const Watch: WatchDecorator;
223export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
224/**
225 * `setMode()` is used for libraries which provide multiple "modes" for styles.
226 */
227export declare const setMode: (handler: ResolutionHandler) => void;
228/**
229 * getMode
230 */
231export declare function getMode<T = string | undefined>(ref: any): T;
232/**
233 * Get the base path to where the assets can be found. Use `setAssetPath(path)`
234 * if the path needs to be customized.
235 */
236export declare function getAssetPath(path: string): string;
237/**
238 * Used to manually set the base path where assets can be found. For lazy-loaded
239 * builds the asset path is automatically set and assets copied to the correct
240 * build directory. However, for custom elements builds, the `setAssetPath(path)` could
241 * be used to customize the asset path depending on how the script file is consumed.
242 * If the script is used as "module", it's recommended to use "import.meta.url", such
243 * as `setAssetPath(import.meta.url)`. Other options include
244 * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
245 * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
246 * But do note that this configuration depends on how your script is bundled, or lack of
247 * bunding, and where your assets can be loaded from. Additionally custom bundling
248 * will have to ensure the static assets are copied to its build directory.
249 */
250export declare function setAssetPath(path: string): string;
251/**
252 * getElement
253 */
254export declare function getElement(ref: any): HTMLStencilElement;
255/**
256 * Schedules a new render of the given instance or element even if no state changed.
257 *
258 * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
259 */
260export declare function forceUpdate(ref: any): void;
261/**
262 * getRenderingRef
263 */
264export declare function getRenderingRef(): any;
265export interface HTMLStencilElement extends HTMLElement {
266 componentOnReady(): Promise<this>;
267 /** @deprecated */
268 forceUpdate(): void;
269}
270/**
271 * Schedules a DOM-write task. The provided callback will be executed
272 * in the best moment to perform DOM mutation without causing layout thrashing.
273 *
274 * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
275 */
276export declare function writeTask(task: RafCallback): void;
277/**
278 * Schedules a DOM-read task. The provided callback will be executed
279 * in the best moment to perform DOM reads without causing layout thrashing.
280 *
281 * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
282 */
283export declare function readTask(task: RafCallback): void;
284/**
285 * This file gets copied to all distributions of stencil component collections.
286 * - no imports
287 */
288export interface ComponentWillLoad {
289 /**
290 * The component is about to load and it has not
291 * rendered yet.
292 *
293 * This is the best place to make any data updates
294 * before the first render.
295 *
296 * componentWillLoad will only be called once.
297 */
298 componentWillLoad(): Promise<void> | void;
299}
300export interface ComponentDidLoad {
301 /**
302 * The component has loaded and has already rendered.
303 *
304 * Updating data in this method will cause the
305 * component to re-render.
306 *
307 * componentDidLoad will only be called once.
308 */
309 componentDidLoad(): void;
310}
311export interface ComponentWillUpdate {
312 /**
313 * The component is about to update and re-render.
314 *
315 * Called multiple times throughout the life of
316 * the component as it updates.
317 *
318 * componentWillUpdate is not called on the first render.
319 */
320 componentWillUpdate(): Promise<void> | void;
321}
322export interface ComponentDidUpdate {
323 /**
324 * The component has just re-rendered.
325 *
326 * Called multiple times throughout the life of
327 * the component as it updates.
328 *
329 * componentWillUpdate is not called on the
330 * first render.
331 */
332 componentDidUpdate(): void;
333}
334export interface ComponentDidUnload {
335 /**
336 * The component did unload and the element
337 * will be destroyed.
338 */
339 componentDidUnload(): void;
340}
341export interface ComponentInterface {
342 connectedCallback?(): void;
343 disconnectedCallback?(): void;
344 componentWillRender?(): Promise<void> | void;
345 componentDidRender?(): void;
346 /**
347 * The component is about to load and it has not
348 * rendered yet.
349 *
350 * This is the best place to make any data updates
351 * before the first render.
352 *
353 * componentWillLoad will only be called once.
354 */
355 componentWillLoad?(): Promise<void> | void;
356 /**
357 * The component has loaded and has already rendered.
358 *
359 * Updating data in this method will cause the
360 * component to re-render.
361 *
362 * componentDidLoad will only be called once.
363 */
364 componentDidLoad?(): void;
365 /**
366 * A `@Prop` or `@State` property changed and a rerender is about to be requested.
367 *
368 * Called multiple times throughout the life of
369 * the component as its properties change.
370 *
371 * componentShouldUpdate is not called on the first render.
372 */
373 componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
374 /**
375 * The component is about to update and re-render.
376 *
377 * Called multiple times throughout the life of
378 * the component as it updates.
379 *
380 * componentWillUpdate is not called on the first render.
381 */
382 componentWillUpdate?(): Promise<void> | void;
383 /**
384 * The component has just re-rendered.
385 *
386 * Called multiple times throughout the life of
387 * the component as it updates.
388 *
389 * componentWillUpdate is not called on the
390 * first render.
391 */
392 componentDidUpdate?(): void;
393 render?(): any;
394 [memberName: string]: any;
395}
396export interface EventEmitter<T = any> {
397 emit: (data?: T) => CustomEvent<T>;
398}
399export interface RafCallback {
400 (timeStamp: number): void;
401}
402export interface QueueApi {
403 tick: (cb: RafCallback) => void;
404 read: (cb: RafCallback) => void;
405 write: (cb: RafCallback) => void;
406 clear?: () => void;
407 flush?: (cb?: () => void) => void;
408}
409/**
410 * Host
411 */
412interface HostAttributes {
413 class?: string | {
414 [className: string]: boolean;
415 };
416 style?: {
417 [key: string]: string | undefined;
418 };
419 ref?: (el: HTMLElement | null) => void;
420 [prop: string]: any;
421}
422export interface FunctionalUtilities {
423 forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
424 map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
425}
426export interface FunctionalComponent<T = {}> {
427 (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
428}
429export interface ChildNode {
430 vtag?: string | number | Function;
431 vkey?: string | number;
432 vtext?: string;
433 vchildren?: VNode[];
434 vattrs?: any;
435 vname?: string;
436}
437/**
438 * Host is a functional component can be used at the root of the render function
439 * to set attributes and event listeners to the host element itself.
440 *
441 * For further information: https://stenciljs.com/docs/host-element
442 */
443export declare const Host: FunctionalComponent<HostAttributes>;
444/**
445 * The "h" namespace is used to import JSX types for elements and attributes.
446 * It is imported in order to avoid conflicting global JSX issues.
447 */
448export declare namespace h {
449 function h(sel: any): VNode;
450 function h(sel: Node, data: VNodeData): VNode;
451 function h(sel: any, data: VNodeData): VNode;
452 function h(sel: any, text: string): VNode;
453 function h(sel: any, children: Array<VNode | undefined | null>): VNode;
454 function h(sel: any, data: VNodeData, text: string): VNode;
455 function h(sel: any, data: VNodeData, children: Array<VNode | undefined | null>): VNode;
456 function h(sel: any, data: VNodeData, children: VNode): VNode;
457 namespace JSX {
458 interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
459 [tagName: string]: any;
460 }
461 }
462}
463export interface VNode {
464 $flags$: number;
465 $tag$: string | number | Function;
466 $elm$: any;
467 $text$: string;
468 $children$: VNode[];
469 $attrs$?: any;
470 $name$?: string;
471 $key$?: string | number;
472}
473export interface VNodeData {
474 class?: {
475 [className: string]: boolean;
476 };
477 style?: any;
478 [attrName: string]: any;
479}
480declare namespace LocalJSX {
481 interface Element {
482 }
483 interface IntrinsicElements {
484 }
485}
486export { LocalJSX as JSX };
487export declare namespace JSXBase {
488 interface IntrinsicElements {
489 slot: JSXBase.SlotAttributes;
490 a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
491 abbr: JSXBase.HTMLAttributes;
492 address: JSXBase.HTMLAttributes;
493 area: JSXBase.AreaHTMLAttributes<HTMLAreaElement>;
494 article: JSXBase.HTMLAttributes;
495 aside: JSXBase.HTMLAttributes;
496 audio: JSXBase.AudioHTMLAttributes<HTMLAudioElement>;
497 b: JSXBase.HTMLAttributes;
498 base: JSXBase.BaseHTMLAttributes<HTMLBaseElement>;
499 bdi: JSXBase.HTMLAttributes;
500 bdo: JSXBase.HTMLAttributes;
501 big: JSXBase.HTMLAttributes;
502 blockquote: JSXBase.BlockquoteHTMLAttributes<HTMLQuoteElement>;
503 body: JSXBase.HTMLAttributes<HTMLBodyElement>;
504 br: JSXBase.HTMLAttributes<HTMLBRElement>;
505 button: JSXBase.ButtonHTMLAttributes<HTMLButtonElement>;
506 canvas: JSXBase.CanvasHTMLAttributes<HTMLCanvasElement>;
507 caption: JSXBase.HTMLAttributes<HTMLTableCaptionElement>;
508 cite: JSXBase.HTMLAttributes;
509 code: JSXBase.HTMLAttributes;
510 col: JSXBase.ColHTMLAttributes<HTMLTableColElement>;
511 colgroup: JSXBase.ColgroupHTMLAttributes<HTMLTableColElement>;
512 data: JSXBase.HTMLAttributes<HTMLDataElement>;
513 datalist: JSXBase.HTMLAttributes<HTMLDataListElement>;
514 dd: JSXBase.HTMLAttributes;
515 del: JSXBase.DelHTMLAttributes<HTMLModElement>;
516 details: JSXBase.DetailsHTMLAttributes<HTMLElement>;
517 dfn: JSXBase.HTMLAttributes;
518 dialog: JSXBase.DialogHTMLAttributes<HTMLDialogElement>;
519 div: JSXBase.HTMLAttributes<HTMLDivElement>;
520 dl: JSXBase.HTMLAttributes<HTMLDListElement>;
521 dt: JSXBase.HTMLAttributes;
522 em: JSXBase.HTMLAttributes;
523 embed: JSXBase.EmbedHTMLAttributes<HTMLEmbedElement>;
524 fieldset: JSXBase.FieldsetHTMLAttributes<HTMLFieldSetElement>;
525 figcaption: JSXBase.HTMLAttributes;
526 figure: JSXBase.HTMLAttributes;
527 footer: JSXBase.HTMLAttributes;
528 form: JSXBase.FormHTMLAttributes<HTMLFormElement>;
529 h1: JSXBase.HTMLAttributes<HTMLHeadingElement>;
530 h2: JSXBase.HTMLAttributes<HTMLHeadingElement>;
531 h3: JSXBase.HTMLAttributes<HTMLHeadingElement>;
532 h4: JSXBase.HTMLAttributes<HTMLHeadingElement>;
533 h5: JSXBase.HTMLAttributes<HTMLHeadingElement>;
534 h6: JSXBase.HTMLAttributes<HTMLHeadingElement>;
535 head: JSXBase.HTMLAttributes<HTMLHeadElement>;
536 header: JSXBase.HTMLAttributes;
537 hgroup: JSXBase.HTMLAttributes;
538 hr: JSXBase.HTMLAttributes<HTMLHRElement>;
539 html: JSXBase.HTMLAttributes<HTMLHtmlElement>;
540 i: JSXBase.HTMLAttributes;
541 iframe: JSXBase.IframeHTMLAttributes<HTMLIFrameElement>;
542 img: JSXBase.ImgHTMLAttributes<HTMLImageElement>;
543 input: JSXBase.InputHTMLAttributes<HTMLInputElement>;
544 ins: JSXBase.InsHTMLAttributes<HTMLModElement>;
545 kbd: JSXBase.HTMLAttributes;
546 keygen: JSXBase.KeygenHTMLAttributes<HTMLElement>;
547 label: JSXBase.LabelHTMLAttributes<HTMLLabelElement>;
548 legend: JSXBase.HTMLAttributes<HTMLLegendElement>;
549 li: JSXBase.LiHTMLAttributes<HTMLLIElement>;
550 link: JSXBase.LinkHTMLAttributes<HTMLLinkElement>;
551 main: JSXBase.HTMLAttributes;
552 map: JSXBase.MapHTMLAttributes<HTMLMapElement>;
553 mark: JSXBase.HTMLAttributes;
554 menu: JSXBase.MenuHTMLAttributes<HTMLMenuElement>;
555 menuitem: JSXBase.HTMLAttributes;
556 meta: JSXBase.MetaHTMLAttributes<HTMLMetaElement>;
557 meter: JSXBase.MeterHTMLAttributes<HTMLMeterElement>;
558 nav: JSXBase.HTMLAttributes;
559 noscript: JSXBase.HTMLAttributes;
560 object: JSXBase.ObjectHTMLAttributes<HTMLObjectElement>;
561 ol: JSXBase.OlHTMLAttributes<HTMLOListElement>;
562 optgroup: JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>;
563 option: JSXBase.OptionHTMLAttributes<HTMLOptionElement>;
564 output: JSXBase.OutputHTMLAttributes<HTMLOutputElement>;
565 p: JSXBase.HTMLAttributes<HTMLParagraphElement>;
566 param: JSXBase.ParamHTMLAttributes<HTMLParamElement>;
567 picture: JSXBase.HTMLAttributes<HTMLPictureElement>;
568 pre: JSXBase.HTMLAttributes<HTMLPreElement>;
569 progress: JSXBase.ProgressHTMLAttributes<HTMLProgressElement>;
570 q: JSXBase.QuoteHTMLAttributes<HTMLQuoteElement>;
571 rp: JSXBase.HTMLAttributes;
572 rt: JSXBase.HTMLAttributes;
573 ruby: JSXBase.HTMLAttributes;
574 s: JSXBase.HTMLAttributes;
575 samp: JSXBase.HTMLAttributes;
576 script: JSXBase.ScriptHTMLAttributes<HTMLScriptElement>;
577 section: JSXBase.HTMLAttributes;
578 select: JSXBase.SelectHTMLAttributes<HTMLSelectElement>;
579 small: JSXBase.HTMLAttributes;
580 source: JSXBase.SourceHTMLAttributes<HTMLSourceElement>;
581 span: JSXBase.HTMLAttributes<HTMLSpanElement>;
582 strong: JSXBase.HTMLAttributes;
583 style: JSXBase.StyleHTMLAttributes<HTMLStyleElement>;
584 sub: JSXBase.HTMLAttributes;
585 summary: JSXBase.HTMLAttributes;
586 sup: JSXBase.HTMLAttributes;
587 table: JSXBase.TableHTMLAttributes<HTMLTableElement>;
588 tbody: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
589 td: JSXBase.TdHTMLAttributes<HTMLTableDataCellElement>;
590 textarea: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>;
591 tfoot: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
592 th: JSXBase.ThHTMLAttributes<HTMLTableHeaderCellElement>;
593 thead: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
594 time: JSXBase.TimeHTMLAttributes<HTMLTimeElement>;
595 title: JSXBase.HTMLAttributes<HTMLTitleElement>;
596 tr: JSXBase.HTMLAttributes<HTMLTableRowElement>;
597 track: JSXBase.TrackHTMLAttributes<HTMLTrackElement>;
598 u: JSXBase.HTMLAttributes;
599 ul: JSXBase.HTMLAttributes<HTMLUListElement>;
600 var: JSXBase.HTMLAttributes;
601 video: JSXBase.VideoHTMLAttributes<HTMLVideoElement>;
602 wbr: JSXBase.HTMLAttributes;
603 animate: JSXBase.SVGAttributes;
604 circle: JSXBase.SVGAttributes;
605 clipPath: JSXBase.SVGAttributes;
606 defs: JSXBase.SVGAttributes;
607 desc: JSXBase.SVGAttributes;
608 ellipse: JSXBase.SVGAttributes;
609 feBlend: JSXBase.SVGAttributes;
610 feColorMatrix: JSXBase.SVGAttributes;
611 feComponentTransfer: JSXBase.SVGAttributes;
612 feComposite: JSXBase.SVGAttributes;
613 feConvolveMatrix: JSXBase.SVGAttributes;
614 feDiffuseLighting: JSXBase.SVGAttributes;
615 feDisplacementMap: JSXBase.SVGAttributes;
616 feDistantLight: JSXBase.SVGAttributes;
617 feDropShadow: JSXBase.SVGAttributes;
618 feFlood: JSXBase.SVGAttributes;
619 feFuncA: JSXBase.SVGAttributes;
620 feFuncB: JSXBase.SVGAttributes;
621 feFuncG: JSXBase.SVGAttributes;
622 feFuncR: JSXBase.SVGAttributes;
623 feGaussianBlur: JSXBase.SVGAttributes;
624 feImage: JSXBase.SVGAttributes;
625 feMerge: JSXBase.SVGAttributes;
626 feMergeNode: JSXBase.SVGAttributes;
627 feMorphology: JSXBase.SVGAttributes;
628 feOffset: JSXBase.SVGAttributes;
629 fePointLight: JSXBase.SVGAttributes;
630 feSpecularLighting: JSXBase.SVGAttributes;
631 feSpotLight: JSXBase.SVGAttributes;
632 feTile: JSXBase.SVGAttributes;
633 feTurbulence: JSXBase.SVGAttributes;
634 filter: JSXBase.SVGAttributes;
635 foreignObject: JSXBase.SVGAttributes;
636 g: JSXBase.SVGAttributes;
637 image: JSXBase.SVGAttributes;
638 line: JSXBase.SVGAttributes;
639 linearGradient: JSXBase.SVGAttributes;
640 marker: JSXBase.SVGAttributes;
641 mask: JSXBase.SVGAttributes;
642 metadata: JSXBase.SVGAttributes;
643 path: JSXBase.SVGAttributes;
644 pattern: JSXBase.SVGAttributes;
645 polygon: JSXBase.SVGAttributes;
646 polyline: JSXBase.SVGAttributes;
647 radialGradient: JSXBase.SVGAttributes;
648 rect: JSXBase.SVGAttributes;
649 stop: JSXBase.SVGAttributes;
650 svg: JSXBase.SVGAttributes;
651 switch: JSXBase.SVGAttributes;
652 symbol: JSXBase.SVGAttributes;
653 text: JSXBase.SVGAttributes;
654 textPath: JSXBase.SVGAttributes;
655 tspan: JSXBase.SVGAttributes;
656 use: JSXBase.SVGAttributes;
657 view: JSXBase.SVGAttributes;
658 }
659 interface SlotAttributes {
660 name?: string;
661 slot?: string;
662 onSlotchange?: (event: Event) => void;
663 }
664 interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
665 download?: any;
666 href?: string;
667 hrefLang?: string;
668 hreflang?: string;
669 media?: string;
670 rel?: string;
671 target?: string;
672 }
673 interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
674 }
675 interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
676 alt?: string;
677 coords?: string;
678 download?: any;
679 href?: string;
680 hrefLang?: string;
681 hreflang?: string;
682 media?: string;
683 rel?: string;
684 shape?: string;
685 target?: string;
686 }
687 interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
688 href?: string;
689 target?: string;
690 }
691 interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
692 cite?: string;
693 }
694 interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
695 autoFocus?: boolean;
696 disabled?: boolean;
697 form?: string;
698 formAction?: string;
699 formaction?: string;
700 formEncType?: string;
701 formenctype?: string;
702 formMethod?: string;
703 formmethod?: string;
704 formNoValidate?: boolean;
705 formnovalidate?: boolean;
706 formTarget?: string;
707 formtarget?: string;
708 name?: string;
709 type?: string;
710 value?: string | string[] | number;
711 }
712 interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
713 height?: number | string;
714 width?: number | string;
715 }
716 interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
717 span?: number;
718 }
719 interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
720 span?: number;
721 }
722 interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
723 open?: boolean;
724 onToggle?: (event: Event) => void;
725 }
726 interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
727 cite?: string;
728 dateTime?: string;
729 datetime?: string;
730 }
731 interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
732 onClose?: (event: Event) => void;
733 open?: boolean;
734 returnValue?: string;
735 }
736 interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
737 height?: number | string;
738 src?: string;
739 type?: string;
740 width?: number | string;
741 }
742 interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
743 disabled?: boolean;
744 form?: string;
745 name?: string;
746 }
747 interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
748 acceptCharset?: string;
749 acceptcharset?: string;
750 action?: string;
751 autoComplete?: string;
752 autocomplete?: string;
753 encType?: string;
754 enctype?: string;
755 method?: string;
756 name?: string;
757 noValidate?: boolean;
758 novalidate?: boolean | string;
759 target?: string;
760 }
761 interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
762 manifest?: string;
763 }
764 interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
765 allow?: string;
766 allowFullScreen?: boolean;
767 allowfullScreen?: string | boolean;
768 allowTransparency?: boolean;
769 allowtransparency?: string | boolean;
770 frameBorder?: number | string;
771 frameborder?: number | string;
772 importance?: 'low' | 'auto' | 'high';
773 height?: number | string;
774 loading?: 'lazy' | 'auto' | 'eager';
775 marginHeight?: number;
776 marginheight?: string | number;
777 marginWidth?: number;
778 marginwidth?: string | number;
779 name?: string;
780 referrerPolicy?: ReferrerPolicy;
781 sandbox?: string;
782 scrolling?: string;
783 seamless?: boolean;
784 src?: string;
785 srcDoc?: string;
786 srcdoc?: string;
787 width?: number | string;
788 }
789 interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
790 alt?: string;
791 decoding?: 'async' | 'auto' | 'sync';
792 importance?: 'low' | 'auto' | 'high';
793 height?: number | string;
794 loading?: 'lazy' | 'auto' | 'eager';
795 sizes?: string;
796 src?: string;
797 srcSet?: string;
798 srcset?: string;
799 useMap?: string;
800 usemap?: string;
801 width?: number | string;
802 }
803 interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
804 cite?: string;
805 dateTime?: string;
806 datetime?: string;
807 }
808 interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
809 accept?: string;
810 allowdirs?: boolean;
811 alt?: string;
812 autoCapitalize?: any;
813 autocapitalize?: any;
814 autoComplete?: string;
815 autocomplete?: string;
816 autoFocus?: boolean;
817 autofocus?: boolean | string;
818 capture?: string;
819 checked?: boolean;
820 crossOrigin?: string;
821 crossorigin?: string;
822 defaultChecked?: boolean;
823 defaultValue?: string;
824 dirName?: string;
825 disabled?: boolean;
826 files?: any;
827 form?: string;
828 formAction?: string;
829 formaction?: string;
830 formEncType?: string;
831 formenctype?: string;
832 formMethod?: string;
833 formmethod?: string;
834 formNoValidate?: boolean;
835 formnovalidate?: boolean;
836 formTarget?: string;
837 formtarget?: string;
838 height?: number | string;
839 indeterminate?: boolean;
840 list?: string;
841 max?: number | string;
842 maxLength?: number;
843 maxlength?: number | string;
844 min?: number | string;
845 minLength?: number;
846 minlength?: number | string;
847 multiple?: boolean;
848 name?: string;
849 pattern?: string;
850 placeholder?: string;
851 readOnly?: boolean;
852 readonly?: boolean | string;
853 required?: boolean;
854 selectionStart?: number | string;
855 selectionEnd?: number | string;
856 selectionDirection?: string;
857 size?: number;
858 src?: string;
859 step?: number | string;
860 type?: string;
861 value?: string | string[] | number;
862 valueAsDate?: any;
863 valueAsNumber?: any;
864 webkitdirectory?: boolean;
865 webkitEntries?: any;
866 width?: number | string;
867 }
868 interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
869 autoFocus?: boolean;
870 autofocus?: boolean | string;
871 challenge?: string;
872 disabled?: boolean;
873 form?: string;
874 keyType?: string;
875 keytype?: string;
876 keyParams?: string;
877 keyparams?: string;
878 name?: string;
879 }
880 interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
881 form?: string;
882 htmlFor?: string;
883 htmlfor?: string;
884 }
885 interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
886 value?: string | string[] | number;
887 }
888 interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
889 as?: string;
890 href?: string;
891 hrefLang?: string;
892 hreflang?: string;
893 importance?: 'low' | 'auto' | 'high';
894 integrity?: string;
895 media?: string;
896 rel?: string;
897 sizes?: string;
898 type?: string;
899 }
900 interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
901 name?: string;
902 }
903 interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
904 type?: string;
905 }
906 interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
907 autoPlay?: boolean;
908 autoplay?: boolean | string;
909 controls?: boolean;
910 crossOrigin?: string;
911 crossorigin?: string;
912 loop?: boolean;
913 mediaGroup?: string;
914 mediagroup?: string;
915 muted?: boolean;
916 preload?: string;
917 src?: string;
918 onAbort?: (event: Event) => void;
919 onCanPlay?: (event: Event) => void;
920 onCanPlayThrough?: (event: Event) => void;
921 onDurationChange?: (event: Event) => void;
922 onEmptied?: (event: Event) => void;
923 onEnded?: (event: Event) => void;
924 onError?: (event: Event) => void;
925 onInterruptBegin?: (event: Event) => void;
926 onInterruptEnd?: (event: Event) => void;
927 onLoadedData?: (event: Event) => void;
928 onLoadedMetaData?: (event: Event) => void;
929 onLoadStart?: (event: Event) => void;
930 onMozAudioAvailable?: (event: Event) => void;
931 onPause?: (event: Event) => void;
932 onPlay?: (event: Event) => void;
933 onPlaying?: (event: Event) => void;
934 onProgress?: (event: Event) => void;
935 onRateChange?: (event: Event) => void;
936 onSeeked?: (event: Event) => void;
937 onSeeking?: (event: Event) => void;
938 onStalled?: (event: Event) => void;
939 onSuspend?: (event: Event) => void;
940 onTimeUpdate?: (event: Event) => void;
941 onVolumeChange?: (event: Event) => void;
942 onWaiting?: (event: Event) => void;
943 }
944 interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
945 charSet?: string;
946 charset?: string;
947 content?: string;
948 httpEquiv?: string;
949 httpequiv?: string;
950 name?: string;
951 }
952 interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
953 form?: string;
954 high?: number;
955 low?: number;
956 max?: number | string;
957 min?: number | string;
958 optimum?: number;
959 value?: string | string[] | number;
960 }
961 interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
962 cite?: string;
963 }
964 interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
965 classID?: string;
966 classid?: string;
967 data?: string;
968 form?: string;
969 height?: number | string;
970 name?: string;
971 type?: string;
972 useMap?: string;
973 usemap?: string;
974 width?: number | string;
975 wmode?: string;
976 }
977 interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
978 reversed?: boolean;
979 start?: number;
980 }
981 interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
982 disabled?: boolean;
983 label?: string;
984 }
985 interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
986 disabled?: boolean;
987 label?: string;
988 selected?: boolean;
989 value?: string | string[] | number;
990 }
991 interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
992 form?: string;
993 htmlFor?: string;
994 htmlfor?: string;
995 name?: string;
996 }
997 interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
998 name?: string;
999 value?: string | string[] | number;
1000 }
1001 interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
1002 max?: number | string;
1003 value?: string | string[] | number;
1004 }
1005 interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
1006 async?: boolean;
1007 charSet?: string;
1008 charset?: string;
1009 crossOrigin?: string;
1010 crossorigin?: string;
1011 defer?: boolean;
1012 importance?: 'low' | 'auto' | 'high';
1013 integrity?: string;
1014 nonce?: string;
1015 src?: string;
1016 type?: string;
1017 }
1018 interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
1019 autoFocus?: boolean;
1020 disabled?: boolean;
1021 form?: string;
1022 multiple?: boolean;
1023 name?: string;
1024 required?: boolean;
1025 size?: number;
1026 autoComplete?: string;
1027 autocomplete?: string;
1028 }
1029 interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
1030 media?: string;
1031 sizes?: string;
1032 src?: string;
1033 srcSet?: string;
1034 type?: string;
1035 }
1036 interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
1037 media?: string;
1038 nonce?: string;
1039 scoped?: boolean;
1040 type?: string;
1041 }
1042 interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
1043 cellPadding?: number | string;
1044 cellpadding?: number | string;
1045 cellSpacing?: number | string;
1046 cellspacing?: number | string;
1047 summary?: string;
1048 }
1049 interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
1050 autoFocus?: boolean;
1051 autofocus?: boolean | string;
1052 cols?: number;
1053 disabled?: boolean;
1054 form?: string;
1055 maxLength?: number;
1056 maxlength?: number | string;
1057 minLength?: number;
1058 minlength?: number | string;
1059 name?: string;
1060 placeholder?: string;
1061 readOnly?: boolean;
1062 readonly?: boolean | string;
1063 required?: boolean;
1064 rows?: number;
1065 value?: string | string[] | number;
1066 wrap?: string;
1067 }
1068 interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
1069 colSpan?: number;
1070 headers?: string;
1071 rowSpan?: number;
1072 }
1073 interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
1074 abbr?: string;
1075 colSpan?: number;
1076 headers?: string;
1077 rowSpan?: number;
1078 rowspan?: number | string;
1079 scope?: string;
1080 }
1081 interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
1082 dateTime?: string;
1083 }
1084 interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
1085 default?: boolean;
1086 kind?: string;
1087 label?: string;
1088 src?: string;
1089 srcLang?: string;
1090 srclang?: string;
1091 }
1092 interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
1093 height?: number | string;
1094 playsInline?: boolean;
1095 playsinline?: boolean | string;
1096 poster?: string;
1097 width?: number | string;
1098 }
1099 interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
1100 innerHTML?: string;
1101 accessKey?: string;
1102 class?: string | {
1103 [className: string]: boolean;
1104 };
1105 contentEditable?: boolean | string;
1106 contenteditable?: boolean | string;
1107 contextMenu?: string;
1108 contextmenu?: string;
1109 dir?: string;
1110 draggable?: boolean;
1111 hidden?: boolean;
1112 id?: string;
1113 lang?: string;
1114 spellcheck?: 'true' | 'false' | any;
1115 style?: {
1116 [key: string]: string | undefined;
1117 };
1118 tabIndex?: number;
1119 tabindex?: number | string;
1120 title?: string;
1121 inputMode?: string;
1122 inputmode?: string;
1123 enterKeyHint?: string;
1124 enterkeyhint?: string;
1125 is?: string;
1126 radioGroup?: string;
1127 radiogroup?: string;
1128 role?: string;
1129 about?: string;
1130 datatype?: string;
1131 inlist?: any;
1132 prefix?: string;
1133 property?: string;
1134 resource?: string;
1135 typeof?: string;
1136 vocab?: string;
1137 autoCapitalize?: any;
1138 autocapitalize?: any;
1139 autoCorrect?: string;
1140 autocorrect?: string;
1141 autoSave?: string;
1142 autosave?: string;
1143 color?: string;
1144 itemProp?: string;
1145 itemprop?: string;
1146 itemScope?: boolean;
1147 itemscope?: boolean;
1148 itemType?: string;
1149 itemtype?: string;
1150 itemID?: string;
1151 itemid?: string;
1152 itemRef?: string;
1153 itemref?: string;
1154 results?: number;
1155 security?: string;
1156 unselectable?: boolean;
1157 }
1158 interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
1159 'class'?: string | {
1160 [className: string]: boolean;
1161 };
1162 'color'?: string;
1163 'height'?: number | string;
1164 'id'?: string;
1165 'lang'?: string;
1166 'max'?: number | string;
1167 'media'?: string;
1168 'method'?: string;
1169 'min'?: number | string;
1170 'name'?: string;
1171 'style'?: {
1172 [key: string]: string | undefined;
1173 };
1174 'target'?: string;
1175 'type'?: string;
1176 'width'?: number | string;
1177 'role'?: string;
1178 'tabindex'?: number;
1179 'accent-height'?: number | string;
1180 'accumulate'?: 'none' | 'sum';
1181 'additive'?: 'replace' | 'sum';
1182 'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
1183 'allowReorder'?: 'no' | 'yes';
1184 'alphabetic'?: number | string;
1185 'amplitude'?: number | string;
1186 'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
1187 'ascent'?: number | string;
1188 'attributeName'?: string;
1189 'attributeType'?: string;
1190 'autoReverse'?: number | string;
1191 'azimuth'?: number | string;
1192 'baseFrequency'?: number | string;
1193 'baseline-shift'?: number | string;
1194 'baseProfile'?: number | string;
1195 'bbox'?: number | string;
1196 'begin'?: number | string;
1197 'bias'?: number | string;
1198 'by'?: number | string;
1199 'calcMode'?: number | string;
1200 'cap-height'?: number | string;
1201 'clip'?: number | string;
1202 'clip-path'?: string;
1203 'clipPathUnits'?: number | string;
1204 'clip-rule'?: number | string;
1205 'color-interpolation'?: number | string;
1206 'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
1207 'color-profile'?: number | string;
1208 'color-rendering'?: number | string;
1209 'contentScriptType'?: number | string;
1210 'contentStyleType'?: number | string;
1211 'cursor'?: number | string;
1212 'cx'?: number | string;
1213 'cy'?: number | string;
1214 'd'?: string;
1215 'decelerate'?: number | string;
1216 'descent'?: number | string;
1217 'diffuseConstant'?: number | string;
1218 'direction'?: number | string;
1219 'display'?: number | string;
1220 'divisor'?: number | string;
1221 'dominant-baseline'?: number | string;
1222 'dur'?: number | string;
1223 'dx'?: number | string;
1224 'dy'?: number | string;
1225 'edge-mode'?: number | string;
1226 'elevation'?: number | string;
1227 'enable-background'?: number | string;
1228 'end'?: number | string;
1229 'exponent'?: number | string;
1230 'externalResourcesRequired'?: number | string;
1231 'fill'?: string;
1232 'fill-opacity'?: number | string;
1233 'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
1234 'filter'?: string;
1235 'filterRes'?: number | string;
1236 'filterUnits'?: number | string;
1237 'flood-color'?: number | string;
1238 'flood-opacity'?: number | string;
1239 'focusable'?: number | string;
1240 'font-family'?: string;
1241 'font-size'?: number | string;
1242 'font-size-adjust'?: number | string;
1243 'font-stretch'?: number | string;
1244 'font-style'?: number | string;
1245 'font-variant'?: number | string;
1246 'font-weight'?: number | string;
1247 'format'?: number | string;
1248 'from'?: number | string;
1249 'fx'?: number | string;
1250 'fy'?: number | string;
1251 'g1'?: number | string;
1252 'g2'?: number | string;
1253 'glyph-name'?: number | string;
1254 'glyph-orientation-horizontal'?: number | string;
1255 'glyph-orientation-vertical'?: number | string;
1256 'glyphRef'?: number | string;
1257 'gradientTransform'?: string;
1258 'gradientUnits'?: string;
1259 'hanging'?: number | string;
1260 'horiz-adv-x'?: number | string;
1261 'horiz-origin-x'?: number | string;
1262 'href'?: string;
1263 'ideographic'?: number | string;
1264 'image-rendering'?: number | string;
1265 'in2'?: number | string;
1266 'in'?: string;
1267 'intercept'?: number | string;
1268 'k1'?: number | string;
1269 'k2'?: number | string;
1270 'k3'?: number | string;
1271 'k4'?: number | string;
1272 'k'?: number | string;
1273 'kernelMatrix'?: number | string;
1274 'kernelUnitLength'?: number | string;
1275 'kerning'?: number | string;
1276 'keyPoints'?: number | string;
1277 'keySplines'?: number | string;
1278 'keyTimes'?: number | string;
1279 'lengthAdjust'?: number | string;
1280 'letter-spacing'?: number | string;
1281 'lighting-color'?: number | string;
1282 'limitingConeAngle'?: number | string;
1283 'local'?: number | string;
1284 'marker-end'?: string;
1285 'markerHeight'?: number | string;
1286 'marker-mid'?: string;
1287 'marker-start'?: string;
1288 'markerUnits'?: number | string;
1289 'markerWidth'?: number | string;
1290 'mask'?: string;
1291 'maskContentUnits'?: number | string;
1292 'maskUnits'?: number | string;
1293 'mathematical'?: number | string;
1294 'mode'?: number | string;
1295 'numOctaves'?: number | string;
1296 'offset'?: number | string;
1297 'opacity'?: number | string;
1298 'operator'?: number | string;
1299 'order'?: number | string;
1300 'orient'?: number | string;
1301 'orientation'?: number | string;
1302 'origin'?: number | string;
1303 'overflow'?: number | string;
1304 'overline-position'?: number | string;
1305 'overline-thickness'?: number | string;
1306 'paint-order'?: number | string;
1307 'panose1'?: number | string;
1308 'pathLength'?: number | string;
1309 'patternContentUnits'?: string;
1310 'patternTransform'?: number | string;
1311 'patternUnits'?: string;
1312 'pointer-events'?: number | string;
1313 'points'?: string;
1314 'pointsAtX'?: number | string;
1315 'pointsAtY'?: number | string;
1316 'pointsAtZ'?: number | string;
1317 'preserveAlpha'?: number | string;
1318 'preserveAspectRatio'?: string;
1319 'primitiveUnits'?: number | string;
1320 'r'?: number | string;
1321 'radius'?: number | string;
1322 'refX'?: number | string;
1323 'refY'?: number | string;
1324 'rendering-intent'?: number | string;
1325 'repeatCount'?: number | string;
1326 'repeatDur'?: number | string;
1327 'requiredextensions'?: number | string;
1328 'requiredFeatures'?: number | string;
1329 'restart'?: number | string;
1330 'result'?: string;
1331 'rotate'?: number | string;
1332 'rx'?: number | string;
1333 'ry'?: number | string;
1334 'scale'?: number | string;
1335 'seed'?: number | string;
1336 'shape-rendering'?: number | string;
1337 'slope'?: number | string;
1338 'spacing'?: number | string;
1339 'specularConstant'?: number | string;
1340 'specularExponent'?: number | string;
1341 'speed'?: number | string;
1342 'spreadMethod'?: string;
1343 'startOffset'?: number | string;
1344 'stdDeviation'?: number | string;
1345 'stemh'?: number | string;
1346 'stemv'?: number | string;
1347 'stitchTiles'?: number | string;
1348 'stop-color'?: string;
1349 'stop-opacity'?: number | string;
1350 'strikethrough-position'?: number | string;
1351 'strikethrough-thickness'?: number | string;
1352 'string'?: number | string;
1353 'stroke'?: string;
1354 'stroke-dasharray'?: string | number;
1355 'stroke-dashoffset'?: string | number;
1356 'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
1357 'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit';
1358 'stroke-miterlimit'?: string;
1359 'stroke-opacity'?: number | string;
1360 'stroke-width'?: number | string;
1361 'surfaceScale'?: number | string;
1362 'systemLanguage'?: number | string;
1363 'tableValues'?: number | string;
1364 'targetX'?: number | string;
1365 'targetY'?: number | string;
1366 'text-anchor'?: string;
1367 'text-decoration'?: number | string;
1368 'textLength'?: number | string;
1369 'text-rendering'?: number | string;
1370 'to'?: number | string;
1371 'transform'?: string;
1372 'u1'?: number | string;
1373 'u2'?: number | string;
1374 'underline-position'?: number | string;
1375 'underline-thickness'?: number | string;
1376 'unicode'?: number | string;
1377 'unicode-bidi'?: number | string;
1378 'unicode-range'?: number | string;
1379 'units-per-em'?: number | string;
1380 'v-alphabetic'?: number | string;
1381 'values'?: string;
1382 'vector-effect'?: number | string;
1383 'version'?: string;
1384 'vert-adv-y'?: number | string;
1385 'vert-origin-x'?: number | string;
1386 'vert-origin-y'?: number | string;
1387 'v-hanging'?: number | string;
1388 'v-ideographic'?: number | string;
1389 'viewBox'?: string;
1390 'viewTarget'?: number | string;
1391 'visibility'?: number | string;
1392 'v-mathematical'?: number | string;
1393 'widths'?: number | string;
1394 'word-spacing'?: number | string;
1395 'writing-mode'?: number | string;
1396 'x1'?: number | string;
1397 'x2'?: number | string;
1398 'x'?: number | string;
1399 'x-channel-selector'?: string;
1400 'x-height'?: number | string;
1401 'xlinkActuate'?: string;
1402 'xlinkArcrole'?: string;
1403 'xlinkHref'?: string;
1404 'xlinkRole'?: string;
1405 'xlinkShow'?: string;
1406 'xlinkTitle'?: string;
1407 'xlinkType'?: string;
1408 'xmlBase'?: string;
1409 'xmlLang'?: string;
1410 'xmlns'?: string;
1411 'xmlSpace'?: string;
1412 'y1'?: number | string;
1413 'y2'?: number | string;
1414 'y'?: number | string;
1415 'yChannelSelector'?: string;
1416 'z'?: number | string;
1417 'zoomAndPan'?: string;
1418 }
1419 interface DOMAttributes<T = Element> {
1420 key?: string | number;
1421 ref?: (elm?: T) => void;
1422 slot?: string;
1423 part?: string;
1424 exportparts?: string;
1425 onCopy?: (event: ClipboardEvent) => void;
1426 onCopyCapture?: (event: ClipboardEvent) => void;
1427 onCut?: (event: ClipboardEvent) => void;
1428 onCutCapture?: (event: ClipboardEvent) => void;
1429 onPaste?: (event: ClipboardEvent) => void;
1430 onPasteCapture?: (event: ClipboardEvent) => void;
1431 onCompositionEnd?: (event: CompositionEvent) => void;
1432 onCompositionEndCapture?: (event: CompositionEvent) => void;
1433 onCompositionStart?: (event: CompositionEvent) => void;
1434 onCompositionStartCapture?: (event: CompositionEvent) => void;
1435 onCompositionUpdate?: (event: CompositionEvent) => void;
1436 onCompositionUpdateCapture?: (event: CompositionEvent) => void;
1437 onFocus?: (event: FocusEvent) => void;
1438 onFocusCapture?: (event: FocusEvent) => void;
1439 onFocusIn?: (event: FocusEvent) => void;
1440 onFocusInCapture?: (event: FocusEvent) => void;
1441 onFocusOut?: (event: FocusEvent) => void;
1442 onFocusOutCapture?: (event: FocusEvent) => void;
1443 onBlur?: (event: FocusEvent) => void;
1444 onBlurCapture?: (event: FocusEvent) => void;
1445 onChange?: (event: Event) => void;
1446 onChangeCapture?: (event: Event) => void;
1447 onInput?: (event: Event) => void;
1448 onInputCapture?: (event: Event) => void;
1449 onReset?: (event: Event) => void;
1450 onResetCapture?: (event: Event) => void;
1451 onSubmit?: (event: Event) => void;
1452 onSubmitCapture?: (event: Event) => void;
1453 onInvalid?: (event: Event) => void;
1454 onInvalidCapture?: (event: Event) => void;
1455 onLoad?: (event: Event) => void;
1456 onLoadCapture?: (event: Event) => void;
1457 onError?: (event: Event) => void;
1458 onErrorCapture?: (event: Event) => void;
1459 onKeyDown?: (event: KeyboardEvent) => void;
1460 onKeyDownCapture?: (event: KeyboardEvent) => void;
1461 onKeyPress?: (event: KeyboardEvent) => void;
1462 onKeyPressCapture?: (event: KeyboardEvent) => void;
1463 onKeyUp?: (event: KeyboardEvent) => void;
1464 onKeyUpCapture?: (event: KeyboardEvent) => void;
1465 onAuxClick?: (event: MouseEvent) => void;
1466 onClick?: (event: MouseEvent) => void;
1467 onClickCapture?: (event: MouseEvent) => void;
1468 onContextMenu?: (event: MouseEvent) => void;
1469 onContextMenuCapture?: (event: MouseEvent) => void;
1470 onDblClick?: (event: MouseEvent) => void;
1471 onDblClickCapture?: (event: MouseEvent) => void;
1472 onDrag?: (event: DragEvent) => void;
1473 onDragCapture?: (event: DragEvent) => void;
1474 onDragEnd?: (event: DragEvent) => void;
1475 onDragEndCapture?: (event: DragEvent) => void;
1476 onDragEnter?: (event: DragEvent) => void;
1477 onDragEnterCapture?: (event: DragEvent) => void;
1478 onDragExit?: (event: DragEvent) => void;
1479 onDragExitCapture?: (event: DragEvent) => void;
1480 onDragLeave?: (event: DragEvent) => void;
1481 onDragLeaveCapture?: (event: DragEvent) => void;
1482 onDragOver?: (event: DragEvent) => void;
1483 onDragOverCapture?: (event: DragEvent) => void;
1484 onDragStart?: (event: DragEvent) => void;
1485 onDragStartCapture?: (event: DragEvent) => void;
1486 onDrop?: (event: DragEvent) => void;
1487 onDropCapture?: (event: DragEvent) => void;
1488 onMouseDown?: (event: MouseEvent) => void;
1489 onMouseDownCapture?: (event: MouseEvent) => void;
1490 onMouseEnter?: (event: MouseEvent) => void;
1491 onMouseLeave?: (event: MouseEvent) => void;
1492 onMouseMove?: (event: MouseEvent) => void;
1493 onMouseMoveCapture?: (event: MouseEvent) => void;
1494 onMouseOut?: (event: MouseEvent) => void;
1495 onMouseOutCapture?: (event: MouseEvent) => void;
1496 onMouseOver?: (event: MouseEvent) => void;
1497 onMouseOverCapture?: (event: MouseEvent) => void;
1498 onMouseUp?: (event: MouseEvent) => void;
1499 onMouseUpCapture?: (event: MouseEvent) => void;
1500 onTouchCancel?: (event: TouchEvent) => void;
1501 onTouchCancelCapture?: (event: TouchEvent) => void;
1502 onTouchEnd?: (event: TouchEvent) => void;
1503 onTouchEndCapture?: (event: TouchEvent) => void;
1504 onTouchMove?: (event: TouchEvent) => void;
1505 onTouchMoveCapture?: (event: TouchEvent) => void;
1506 onTouchStart?: (event: TouchEvent) => void;
1507 onTouchStartCapture?: (event: TouchEvent) => void;
1508 onPointerDown?: (event: PointerEvent) => void;
1509 onPointerDownCapture?: (event: PointerEvent) => void;
1510 onPointerMove?: (event: PointerEvent) => void;
1511 onPointerMoveCapture?: (event: PointerEvent) => void;
1512 onPointerUp?: (event: PointerEvent) => void;
1513 onPointerUpCapture?: (event: PointerEvent) => void;
1514 onPointerCancel?: (event: PointerEvent) => void;
1515 onPointerCancelCapture?: (event: PointerEvent) => void;
1516 onPointerEnter?: (event: PointerEvent) => void;
1517 onPointerEnterCapture?: (event: PointerEvent) => void;
1518 onPointerLeave?: (event: PointerEvent) => void;
1519 onPointerLeaveCapture?: (event: PointerEvent) => void;
1520 onPointerOver?: (event: PointerEvent) => void;
1521 onPointerOverCapture?: (event: PointerEvent) => void;
1522 onPointerOut?: (event: PointerEvent) => void;
1523 onPointerOutCapture?: (event: PointerEvent) => void;
1524 onGotPointerCapture?: (event: PointerEvent) => void;
1525 onGotPointerCaptureCapture?: (event: PointerEvent) => void;
1526 onLostPointerCapture?: (event: PointerEvent) => void;
1527 onLostPointerCaptureCapture?: (event: PointerEvent) => void;
1528 onScroll?: (event: UIEvent) => void;
1529 onScrollCapture?: (event: UIEvent) => void;
1530 onWheel?: (event: WheelEvent) => void;
1531 onWheelCapture?: (event: WheelEvent) => void;
1532 onAnimationStart?: (event: AnimationEvent) => void;
1533 onAnimationStartCapture?: (event: AnimationEvent) => void;
1534 onAnimationEnd?: (event: AnimationEvent) => void;
1535 onAnimationEndCapture?: (event: AnimationEvent) => void;
1536 onAnimationIteration?: (event: AnimationEvent) => void;
1537 onAnimationIterationCapture?: (event: AnimationEvent) => void;
1538 onTransitionEnd?: (event: TransitionEvent) => void;
1539 onTransitionEndCapture?: (event: TransitionEvent) => void;
1540 }
1541}
1542export interface CustomElementsDefineOptions {
1543 exclude?: string[];
1544 resourcesUrl?: string;
1545 syncQueue?: boolean;
1546 transformTagName?: (tagName: string) => string;
1547 jmp?: (c: Function) => any;
1548 raf?: (c: FrameRequestCallback) => number;
1549 ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
1550 rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
1551 ce?: (eventName: string, opts?: any) => CustomEvent;
1552}