UNPKG

56.4 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 * getAssetPath
234 */
235export declare function getAssetPath(path: string): string;
236/**
237 * getElement
238 */
239export declare function getElement(ref: any): HTMLStencilElement;
240/**
241 * Schedules a new render of the given instance or element even if no state changed.
242 *
243 * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
244 */
245export declare function forceUpdate(ref: any): void;
246/**
247 * getRenderingRef
248 */
249export declare function getRenderingRef(): any;
250export interface HTMLStencilElement extends HTMLElement {
251 componentOnReady(): Promise<this>;
252 /** @deprecated */
253 forceUpdate(): void;
254}
255/**
256 * Schedules a DOM-write task. The provided callback will be executed
257 * in the best moment to perform DOM mutation without causing layout thrashing.
258 *
259 * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
260 */
261export declare function writeTask(task: RafCallback): void;
262/**
263 * Schedules a DOM-read task. The provided callback will be executed
264 * in the best moment to perform DOM reads without causing layout thrashing.
265 *
266 * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
267 */
268export declare function readTask(task: RafCallback): void;
269/**
270 * This file gets copied to all distributions of stencil component collections.
271 * - no imports
272 */
273export interface ComponentWillLoad {
274 /**
275 * The component is about to load and it has not
276 * rendered yet.
277 *
278 * This is the best place to make any data updates
279 * before the first render.
280 *
281 * componentWillLoad will only be called once.
282 */
283 componentWillLoad(): Promise<void> | void;
284}
285export interface ComponentDidLoad {
286 /**
287 * The component has loaded and has already rendered.
288 *
289 * Updating data in this method will cause the
290 * component to re-render.
291 *
292 * componentDidLoad will only be called once.
293 */
294 componentDidLoad(): void;
295}
296export interface ComponentWillUpdate {
297 /**
298 * The component is about to update and re-render.
299 *
300 * Called multiple times throughout the life of
301 * the component as it updates.
302 *
303 * componentWillUpdate is not called on the first render.
304 */
305 componentWillUpdate(): Promise<void> | void;
306}
307export interface ComponentDidUpdate {
308 /**
309 * The component has just re-rendered.
310 *
311 * Called multiple times throughout the life of
312 * the component as it updates.
313 *
314 * componentWillUpdate is not called on the
315 * first render.
316 */
317 componentDidUpdate(): void;
318}
319export interface ComponentDidUnload {
320 /**
321 * The component did unload and the element
322 * will be destroyed.
323 */
324 componentDidUnload(): void;
325}
326export interface ComponentInterface {
327 connectedCallback?(): void;
328 disconnectedCallback?(): void;
329 componentWillRender?(): Promise<void> | void;
330 componentDidRender?(): void;
331 /**
332 * The component is about to load and it has not
333 * rendered yet.
334 *
335 * This is the best place to make any data updates
336 * before the first render.
337 *
338 * componentWillLoad will only be called once.
339 */
340 componentWillLoad?(): Promise<void> | void;
341 /**
342 * The component has loaded and has already rendered.
343 *
344 * Updating data in this method will cause the
345 * component to re-render.
346 *
347 * componentDidLoad will only be called once.
348 */
349 componentDidLoad?(): void;
350 /**
351 * The component is about to update and re-render.
352 *
353 * Called multiple times throughout the life of
354 * the component as it updates.
355 *
356 * componentWillUpdate is not called on the first render.
357 */
358 componentWillUpdate?(): Promise<void> | void;
359 /**
360 * The component has just re-rendered.
361 *
362 * Called multiple times throughout the life of
363 * the component as it updates.
364 *
365 * componentWillUpdate is not called on the
366 * first render.
367 */
368 componentDidUpdate?(): void;
369 render?(): any;
370 [memberName: string]: any;
371}
372export interface EventEmitter<T = any> {
373 emit: (data?: T) => CustomEvent<T>;
374}
375export interface RafCallback {
376 (timeStamp: number): void;
377}
378export interface QueueApi {
379 tick: (cb: RafCallback) => void;
380 read: (cb: RafCallback) => void;
381 write: (cb: RafCallback) => void;
382 clear?: () => void;
383 flush?: (cb?: () => void) => void;
384}
385/**
386 * Host
387 */
388interface HostAttributes {
389 class?: string | {
390 [className: string]: boolean;
391 };
392 style?: {
393 [key: string]: string | undefined;
394 };
395 ref?: (el: HTMLElement | null) => void;
396 [prop: string]: any;
397}
398export interface FunctionalUtilities {
399 forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
400 map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
401}
402export interface FunctionalComponent<T = {}> {
403 (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
404}
405export interface ChildNode {
406 vtag?: string | number | Function;
407 vkey?: string | number;
408 vtext?: string;
409 vchildren?: VNode[];
410 vattrs?: any;
411 vname?: string;
412}
413/**
414 * Host is a functional component can be used at the root of the render function
415 * to set attributes and event listeners to the host element itself.
416 *
417 * For further information: https://stenciljs.com/docs/host-element
418 */
419export declare const Host: FunctionalComponent<HostAttributes>;
420/**
421 * The "h" namespace is used to import JSX types for elements and attributes.
422 * It is imported in order to avoid conflicting global JSX issues.
423 */
424export declare namespace h {
425 function h(sel: any): VNode;
426 function h(sel: Node, data: VNodeData): VNode;
427 function h(sel: any, data: VNodeData): VNode;
428 function h(sel: any, text: string): VNode;
429 function h(sel: any, children: Array<VNode | undefined | null>): VNode;
430 function h(sel: any, data: VNodeData, text: string): VNode;
431 function h(sel: any, data: VNodeData, children: Array<VNode | undefined | null>): VNode;
432 function h(sel: any, data: VNodeData, children: VNode): VNode;
433 namespace JSX {
434 interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
435 [tagName: string]: any;
436 }
437 }
438}
439export interface VNode {
440 $flags$: number;
441 $tag$: string | number | Function;
442 $elm$: any;
443 $text$: string;
444 $children$: VNode[];
445 $attrs$?: any;
446 $name$?: string;
447 $key$?: string | number;
448}
449export interface VNodeData {
450 class?: {
451 [className: string]: boolean;
452 };
453 style?: any;
454 [attrName: string]: any;
455}
456declare namespace LocalJSX {
457 interface Element {
458 }
459 interface IntrinsicElements {
460 }
461}
462export { LocalJSX as JSX };
463export declare namespace JSXBase {
464 interface IntrinsicElements {
465 slot: JSXBase.SlotAttributes;
466 a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
467 abbr: JSXBase.HTMLAttributes;
468 address: JSXBase.HTMLAttributes;
469 area: JSXBase.AreaHTMLAttributes<HTMLAreaElement>;
470 article: JSXBase.HTMLAttributes;
471 aside: JSXBase.HTMLAttributes;
472 audio: JSXBase.AudioHTMLAttributes<HTMLAudioElement>;
473 b: JSXBase.HTMLAttributes;
474 base: JSXBase.BaseHTMLAttributes<HTMLBaseElement>;
475 bdi: JSXBase.HTMLAttributes;
476 bdo: JSXBase.HTMLAttributes;
477 big: JSXBase.HTMLAttributes;
478 blockquote: JSXBase.BlockquoteHTMLAttributes<HTMLQuoteElement>;
479 body: JSXBase.HTMLAttributes<HTMLBodyElement>;
480 br: JSXBase.HTMLAttributes<HTMLBRElement>;
481 button: JSXBase.ButtonHTMLAttributes<HTMLButtonElement>;
482 canvas: JSXBase.CanvasHTMLAttributes<HTMLCanvasElement>;
483 caption: JSXBase.HTMLAttributes<HTMLTableCaptionElement>;
484 cite: JSXBase.HTMLAttributes;
485 code: JSXBase.HTMLAttributes;
486 col: JSXBase.ColHTMLAttributes<HTMLTableColElement>;
487 colgroup: JSXBase.ColgroupHTMLAttributes<HTMLTableColElement>;
488 data: JSXBase.HTMLAttributes<HTMLDataElement>;
489 datalist: JSXBase.HTMLAttributes<HTMLDataListElement>;
490 dd: JSXBase.HTMLAttributes;
491 del: JSXBase.DelHTMLAttributes<HTMLModElement>;
492 details: JSXBase.DetailsHTMLAttributes<HTMLElement>;
493 dfn: JSXBase.HTMLAttributes;
494 dialog: JSXBase.DialogHTMLAttributes<HTMLDialogElement>;
495 div: JSXBase.HTMLAttributes<HTMLDivElement>;
496 dl: JSXBase.HTMLAttributes<HTMLDListElement>;
497 dt: JSXBase.HTMLAttributes;
498 em: JSXBase.HTMLAttributes;
499 embed: JSXBase.EmbedHTMLAttributes<HTMLEmbedElement>;
500 fieldset: JSXBase.FieldsetHTMLAttributes<HTMLFieldSetElement>;
501 figcaption: JSXBase.HTMLAttributes;
502 figure: JSXBase.HTMLAttributes;
503 footer: JSXBase.HTMLAttributes;
504 form: JSXBase.FormHTMLAttributes<HTMLFormElement>;
505 h1: JSXBase.HTMLAttributes<HTMLHeadingElement>;
506 h2: JSXBase.HTMLAttributes<HTMLHeadingElement>;
507 h3: JSXBase.HTMLAttributes<HTMLHeadingElement>;
508 h4: JSXBase.HTMLAttributes<HTMLHeadingElement>;
509 h5: JSXBase.HTMLAttributes<HTMLHeadingElement>;
510 h6: JSXBase.HTMLAttributes<HTMLHeadingElement>;
511 head: JSXBase.HTMLAttributes<HTMLHeadElement>;
512 header: JSXBase.HTMLAttributes;
513 hgroup: JSXBase.HTMLAttributes;
514 hr: JSXBase.HTMLAttributes<HTMLHRElement>;
515 html: JSXBase.HTMLAttributes<HTMLHtmlElement>;
516 i: JSXBase.HTMLAttributes;
517 iframe: JSXBase.IframeHTMLAttributes<HTMLIFrameElement>;
518 img: JSXBase.ImgHTMLAttributes<HTMLImageElement>;
519 input: JSXBase.InputHTMLAttributes<HTMLInputElement>;
520 ins: JSXBase.InsHTMLAttributes<HTMLModElement>;
521 kbd: JSXBase.HTMLAttributes;
522 keygen: JSXBase.KeygenHTMLAttributes<HTMLElement>;
523 label: JSXBase.LabelHTMLAttributes<HTMLLabelElement>;
524 legend: JSXBase.HTMLAttributes<HTMLLegendElement>;
525 li: JSXBase.LiHTMLAttributes<HTMLLIElement>;
526 link: JSXBase.LinkHTMLAttributes<HTMLLinkElement>;
527 main: JSXBase.HTMLAttributes;
528 map: JSXBase.MapHTMLAttributes<HTMLMapElement>;
529 mark: JSXBase.HTMLAttributes;
530 menu: JSXBase.MenuHTMLAttributes<HTMLMenuElement>;
531 menuitem: JSXBase.HTMLAttributes;
532 meta: JSXBase.MetaHTMLAttributes<HTMLMetaElement>;
533 meter: JSXBase.MeterHTMLAttributes<HTMLMeterElement>;
534 nav: JSXBase.HTMLAttributes;
535 noscript: JSXBase.HTMLAttributes;
536 object: JSXBase.ObjectHTMLAttributes<HTMLObjectElement>;
537 ol: JSXBase.OlHTMLAttributes<HTMLOListElement>;
538 optgroup: JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>;
539 option: JSXBase.OptionHTMLAttributes<HTMLOptionElement>;
540 output: JSXBase.OutputHTMLAttributes<HTMLOutputElement>;
541 p: JSXBase.HTMLAttributes<HTMLParagraphElement>;
542 param: JSXBase.ParamHTMLAttributes<HTMLParamElement>;
543 picture: JSXBase.HTMLAttributes<HTMLPictureElement>;
544 pre: JSXBase.HTMLAttributes<HTMLPreElement>;
545 progress: JSXBase.ProgressHTMLAttributes<HTMLProgressElement>;
546 q: JSXBase.QuoteHTMLAttributes<HTMLQuoteElement>;
547 rp: JSXBase.HTMLAttributes;
548 rt: JSXBase.HTMLAttributes;
549 ruby: JSXBase.HTMLAttributes;
550 s: JSXBase.HTMLAttributes;
551 samp: JSXBase.HTMLAttributes;
552 script: JSXBase.ScriptHTMLAttributes<HTMLScriptElement>;
553 section: JSXBase.HTMLAttributes;
554 select: JSXBase.SelectHTMLAttributes<HTMLSelectElement>;
555 small: JSXBase.HTMLAttributes;
556 source: JSXBase.SourceHTMLAttributes<HTMLSourceElement>;
557 span: JSXBase.HTMLAttributes<HTMLSpanElement>;
558 strong: JSXBase.HTMLAttributes;
559 style: JSXBase.StyleHTMLAttributes<HTMLStyleElement>;
560 sub: JSXBase.HTMLAttributes;
561 summary: JSXBase.HTMLAttributes;
562 sup: JSXBase.HTMLAttributes;
563 table: JSXBase.TableHTMLAttributes<HTMLTableElement>;
564 tbody: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
565 td: JSXBase.TdHTMLAttributes<HTMLTableDataCellElement>;
566 textarea: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>;
567 tfoot: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
568 th: JSXBase.ThHTMLAttributes<HTMLTableHeaderCellElement>;
569 thead: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
570 time: JSXBase.TimeHTMLAttributes<HTMLTimeElement>;
571 title: JSXBase.HTMLAttributes<HTMLTitleElement>;
572 tr: JSXBase.HTMLAttributes<HTMLTableRowElement>;
573 track: JSXBase.TrackHTMLAttributes<HTMLTrackElement>;
574 u: JSXBase.HTMLAttributes;
575 ul: JSXBase.HTMLAttributes<HTMLUListElement>;
576 var: JSXBase.HTMLAttributes;
577 video: JSXBase.VideoHTMLAttributes<HTMLVideoElement>;
578 wbr: JSXBase.HTMLAttributes;
579 animate: JSXBase.SVGAttributes;
580 circle: JSXBase.SVGAttributes;
581 clipPath: JSXBase.SVGAttributes;
582 defs: JSXBase.SVGAttributes;
583 desc: JSXBase.SVGAttributes;
584 ellipse: JSXBase.SVGAttributes;
585 feBlend: JSXBase.SVGAttributes;
586 feColorMatrix: JSXBase.SVGAttributes;
587 feComponentTransfer: JSXBase.SVGAttributes;
588 feComposite: JSXBase.SVGAttributes;
589 feConvolveMatrix: JSXBase.SVGAttributes;
590 feDiffuseLighting: JSXBase.SVGAttributes;
591 feDisplacementMap: JSXBase.SVGAttributes;
592 feDistantLight: JSXBase.SVGAttributes;
593 feDropShadow: JSXBase.SVGAttributes;
594 feFlood: JSXBase.SVGAttributes;
595 feFuncA: JSXBase.SVGAttributes;
596 feFuncB: JSXBase.SVGAttributes;
597 feFuncG: JSXBase.SVGAttributes;
598 feFuncR: JSXBase.SVGAttributes;
599 feGaussianBlur: JSXBase.SVGAttributes;
600 feImage: JSXBase.SVGAttributes;
601 feMerge: JSXBase.SVGAttributes;
602 feMergeNode: JSXBase.SVGAttributes;
603 feMorphology: JSXBase.SVGAttributes;
604 feOffset: JSXBase.SVGAttributes;
605 fePointLight: JSXBase.SVGAttributes;
606 feSpecularLighting: JSXBase.SVGAttributes;
607 feSpotLight: JSXBase.SVGAttributes;
608 feTile: JSXBase.SVGAttributes;
609 feTurbulence: JSXBase.SVGAttributes;
610 filter: JSXBase.SVGAttributes;
611 foreignObject: JSXBase.SVGAttributes;
612 g: JSXBase.SVGAttributes;
613 image: JSXBase.SVGAttributes;
614 line: JSXBase.SVGAttributes;
615 linearGradient: JSXBase.SVGAttributes;
616 marker: JSXBase.SVGAttributes;
617 mask: JSXBase.SVGAttributes;
618 metadata: JSXBase.SVGAttributes;
619 path: JSXBase.SVGAttributes;
620 pattern: JSXBase.SVGAttributes;
621 polygon: JSXBase.SVGAttributes;
622 polyline: JSXBase.SVGAttributes;
623 radialGradient: JSXBase.SVGAttributes;
624 rect: JSXBase.SVGAttributes;
625 stop: JSXBase.SVGAttributes;
626 svg: JSXBase.SVGAttributes;
627 switch: JSXBase.SVGAttributes;
628 symbol: JSXBase.SVGAttributes;
629 text: JSXBase.SVGAttributes;
630 textPath: JSXBase.SVGAttributes;
631 tspan: JSXBase.SVGAttributes;
632 use: JSXBase.SVGAttributes;
633 view: JSXBase.SVGAttributes;
634 }
635 interface SlotAttributes {
636 name?: string;
637 slot?: string;
638 onSlotchange?: (event: Event) => void;
639 }
640 interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
641 download?: any;
642 href?: string;
643 hrefLang?: string;
644 hreflang?: string;
645 media?: string;
646 rel?: string;
647 target?: string;
648 }
649 interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
650 }
651 interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
652 alt?: string;
653 coords?: string;
654 download?: any;
655 href?: string;
656 hrefLang?: string;
657 hreflang?: string;
658 media?: string;
659 rel?: string;
660 shape?: string;
661 target?: string;
662 }
663 interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
664 href?: string;
665 target?: string;
666 }
667 interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
668 cite?: string;
669 }
670 interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
671 autoFocus?: boolean;
672 disabled?: boolean;
673 form?: string;
674 formAction?: string;
675 formaction?: string;
676 formEncType?: string;
677 formenctype?: string;
678 formMethod?: string;
679 formmethod?: string;
680 formNoValidate?: boolean;
681 formnovalidate?: boolean;
682 formTarget?: string;
683 formtarget?: string;
684 name?: string;
685 type?: string;
686 value?: string | string[] | number;
687 }
688 interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
689 height?: number | string;
690 width?: number | string;
691 }
692 interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
693 span?: number;
694 }
695 interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
696 span?: number;
697 }
698 interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
699 open?: boolean;
700 onToggle?: (event: Event) => void;
701 }
702 interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
703 cite?: string;
704 dateTime?: string;
705 datetime?: string;
706 }
707 interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
708 onClose?: (event: Event) => void;
709 open?: boolean;
710 returnValue?: string;
711 }
712 interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
713 height?: number | string;
714 src?: string;
715 type?: string;
716 width?: number | string;
717 }
718 interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
719 disabled?: boolean;
720 form?: string;
721 name?: string;
722 }
723 interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
724 acceptCharset?: string;
725 acceptcharset?: string;
726 action?: string;
727 autoComplete?: string;
728 autocomplete?: string;
729 encType?: string;
730 enctype?: string;
731 method?: string;
732 name?: string;
733 noValidate?: boolean;
734 novalidate?: boolean | string;
735 target?: string;
736 }
737 interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
738 manifest?: string;
739 }
740 interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
741 allow?: string;
742 allowFullScreen?: boolean;
743 allowfullScreen?: string | boolean;
744 allowTransparency?: boolean;
745 allowtransparency?: string | boolean;
746 frameBorder?: number | string;
747 frameborder?: number | string;
748 importance?: 'low' | 'auto' | 'high';
749 height?: number | string;
750 loading?: 'lazy' | 'auto' | 'eager';
751 marginHeight?: number;
752 marginheight?: string | number;
753 marginWidth?: number;
754 marginwidth?: string | number;
755 name?: string;
756 referrerPolicy?: ReferrerPolicy;
757 sandbox?: string;
758 scrolling?: string;
759 seamless?: boolean;
760 src?: string;
761 srcDoc?: string;
762 srcdoc?: string;
763 width?: number | string;
764 }
765 interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
766 alt?: string;
767 decoding?: 'async' | 'auto' | 'sync';
768 importance?: 'low' | 'auto' | 'high';
769 height?: number | string;
770 loading?: 'lazy' | 'auto' | 'eager';
771 sizes?: string;
772 src?: string;
773 srcSet?: string;
774 srcset?: string;
775 useMap?: string;
776 usemap?: string;
777 width?: number | string;
778 }
779 interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
780 cite?: string;
781 dateTime?: string;
782 datetime?: string;
783 }
784 interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
785 accept?: string;
786 allowdirs?: boolean;
787 alt?: string;
788 autoCapitalize?: string;
789 autocapitalize?: string;
790 autoComplete?: string;
791 autocomplete?: string;
792 autoFocus?: boolean;
793 autofocus?: boolean | string;
794 capture?: string;
795 checked?: boolean;
796 crossOrigin?: string;
797 crossorigin?: string;
798 defaultChecked?: boolean;
799 defaultValue?: string;
800 dirName?: string;
801 disabled?: boolean;
802 files?: any;
803 form?: string;
804 formAction?: string;
805 formaction?: string;
806 formEncType?: string;
807 formenctype?: string;
808 formMethod?: string;
809 formmethod?: string;
810 formNoValidate?: boolean;
811 formnovalidate?: boolean;
812 formTarget?: string;
813 formtarget?: string;
814 height?: number | string;
815 indeterminate?: boolean;
816 list?: string;
817 max?: number | string;
818 maxLength?: number;
819 maxlength?: number | string;
820 min?: number | string;
821 minLength?: number;
822 minlength?: number | string;
823 multiple?: boolean;
824 name?: string;
825 pattern?: string;
826 placeholder?: string;
827 readOnly?: boolean;
828 readonly?: boolean | string;
829 required?: boolean;
830 selectionStart?: number | string;
831 selectionEnd?: number | string;
832 selectionDirection?: string;
833 size?: number;
834 src?: string;
835 step?: number | string;
836 type?: string;
837 value?: string | string[] | number;
838 valueAsDate?: any;
839 valueAsNumber?: any;
840 webkitdirectory?: boolean;
841 webkitEntries?: any;
842 width?: number | string;
843 }
844 interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
845 autoFocus?: boolean;
846 autofocus?: boolean | string;
847 challenge?: string;
848 disabled?: boolean;
849 form?: string;
850 keyType?: string;
851 keytype?: string;
852 keyParams?: string;
853 keyparams?: string;
854 name?: string;
855 }
856 interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
857 form?: string;
858 htmlFor?: string;
859 htmlfor?: string;
860 }
861 interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
862 value?: string | string[] | number;
863 }
864 interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
865 as?: string;
866 href?: string;
867 hrefLang?: string;
868 hreflang?: string;
869 importance?: 'low' | 'auto' | 'high';
870 integrity?: string;
871 media?: string;
872 rel?: string;
873 sizes?: string;
874 type?: string;
875 }
876 interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
877 name?: string;
878 }
879 interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
880 type?: string;
881 }
882 interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
883 autoPlay?: boolean;
884 autoplay?: boolean | string;
885 controls?: boolean;
886 crossOrigin?: string;
887 crossorigin?: string;
888 loop?: boolean;
889 mediaGroup?: string;
890 mediagroup?: string;
891 muted?: boolean;
892 preload?: string;
893 src?: string;
894 onAbort?: (event: Event) => void;
895 onCanPlay?: (event: Event) => void;
896 onCanPlayThrough?: (event: Event) => void;
897 onDurationChange?: (event: Event) => void;
898 onEmptied?: (event: Event) => void;
899 onEnded?: (event: Event) => void;
900 onError?: (event: Event) => void;
901 onInterruptBegin?: (event: Event) => void;
902 onInterruptEnd?: (event: Event) => void;
903 onLoadedData?: (event: Event) => void;
904 onLoadedMetaData?: (event: Event) => void;
905 onLoadStart?: (event: Event) => void;
906 onMozAudioAvailable?: (event: Event) => void;
907 onPause?: (event: Event) => void;
908 onPlay?: (event: Event) => void;
909 onPlaying?: (event: Event) => void;
910 onProgress?: (event: Event) => void;
911 onRateChange?: (event: Event) => void;
912 onSeeked?: (event: Event) => void;
913 onSeeking?: (event: Event) => void;
914 onStalled?: (event: Event) => void;
915 onSuspend?: (event: Event) => void;
916 onTimeUpdate?: (event: Event) => void;
917 onVolumeChange?: (event: Event) => void;
918 onWaiting?: (event: Event) => void;
919 }
920 interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
921 charSet?: string;
922 charset?: string;
923 content?: string;
924 httpEquiv?: string;
925 httpequiv?: string;
926 name?: string;
927 }
928 interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
929 form?: string;
930 high?: number;
931 low?: number;
932 max?: number | string;
933 min?: number | string;
934 optimum?: number;
935 value?: string | string[] | number;
936 }
937 interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
938 cite?: string;
939 }
940 interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
941 classID?: string;
942 classid?: string;
943 data?: string;
944 form?: string;
945 height?: number | string;
946 name?: string;
947 type?: string;
948 useMap?: string;
949 usemap?: string;
950 width?: number | string;
951 wmode?: string;
952 }
953 interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
954 reversed?: boolean;
955 start?: number;
956 }
957 interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
958 disabled?: boolean;
959 label?: string;
960 }
961 interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
962 disabled?: boolean;
963 label?: string;
964 selected?: boolean;
965 value?: string | string[] | number;
966 }
967 interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
968 form?: string;
969 htmlFor?: string;
970 htmlfor?: string;
971 name?: string;
972 }
973 interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
974 name?: string;
975 value?: string | string[] | number;
976 }
977 interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
978 max?: number | string;
979 value?: string | string[] | number;
980 }
981 interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
982 async?: boolean;
983 charSet?: string;
984 charset?: string;
985 crossOrigin?: string;
986 crossorigin?: string;
987 defer?: boolean;
988 importance?: 'low' | 'auto' | 'high';
989 integrity?: string;
990 nonce?: string;
991 src?: string;
992 type?: string;
993 }
994 interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
995 autoFocus?: boolean;
996 disabled?: boolean;
997 form?: string;
998 multiple?: boolean;
999 name?: string;
1000 required?: boolean;
1001 size?: number;
1002 }
1003 interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
1004 media?: string;
1005 sizes?: string;
1006 src?: string;
1007 srcSet?: string;
1008 type?: string;
1009 }
1010 interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
1011 media?: string;
1012 nonce?: string;
1013 scoped?: boolean;
1014 type?: string;
1015 }
1016 interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
1017 cellPadding?: number | string;
1018 cellpadding?: number | string;
1019 cellSpacing?: number | string;
1020 cellspacing?: number | string;
1021 summary?: string;
1022 }
1023 interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
1024 autoFocus?: boolean;
1025 autofocus?: boolean | string;
1026 cols?: number;
1027 disabled?: boolean;
1028 form?: string;
1029 maxLength?: number;
1030 maxlength?: number | string;
1031 minLength?: number;
1032 minlength?: number | string;
1033 name?: string;
1034 placeholder?: string;
1035 readOnly?: boolean;
1036 readonly?: boolean | string;
1037 required?: boolean;
1038 rows?: number;
1039 value?: string | string[] | number;
1040 wrap?: string;
1041 }
1042 interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
1043 colSpan?: number;
1044 headers?: string;
1045 rowSpan?: number;
1046 }
1047 interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
1048 colSpan?: number;
1049 headers?: string;
1050 rowSpan?: number;
1051 rowspan?: number | string;
1052 scope?: string;
1053 }
1054 interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
1055 dateTime?: string;
1056 }
1057 interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
1058 default?: boolean;
1059 kind?: string;
1060 label?: string;
1061 src?: string;
1062 srcLang?: string;
1063 srclang?: string;
1064 }
1065 interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
1066 height?: number | string;
1067 playsInline?: boolean;
1068 playsinline?: boolean | string;
1069 poster?: string;
1070 width?: number | string;
1071 }
1072 interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
1073 innerHTML?: string;
1074 accessKey?: string;
1075 class?: string | {
1076 [className: string]: boolean;
1077 };
1078 contentEditable?: boolean | string;
1079 contenteditable?: boolean | string;
1080 contextMenu?: string;
1081 contextmenu?: string;
1082 dir?: string;
1083 draggable?: boolean;
1084 hidden?: boolean;
1085 id?: string;
1086 lang?: string;
1087 spellcheck?: 'true' | 'false' | any;
1088 style?: {
1089 [key: string]: string | undefined;
1090 };
1091 tabIndex?: number;
1092 tabindex?: number | string;
1093 title?: string;
1094 inputMode?: string;
1095 inputmode?: string;
1096 enterKeyHint?: string;
1097 enterkeyhint?: string;
1098 is?: string;
1099 radioGroup?: string;
1100 radiogroup?: string;
1101 role?: string;
1102 about?: string;
1103 datatype?: string;
1104 inlist?: any;
1105 prefix?: string;
1106 property?: string;
1107 resource?: string;
1108 typeof?: string;
1109 vocab?: string;
1110 autoCapitalize?: string;
1111 autocapitalize?: string;
1112 autoCorrect?: string;
1113 autocorrect?: string;
1114 autoSave?: string;
1115 autosave?: string;
1116 color?: string;
1117 itemProp?: string;
1118 itemprop?: string;
1119 itemScope?: boolean;
1120 itemscope?: boolean;
1121 itemType?: string;
1122 itemtype?: string;
1123 itemID?: string;
1124 itemid?: string;
1125 itemRef?: string;
1126 itemref?: string;
1127 results?: number;
1128 security?: string;
1129 unselectable?: boolean;
1130 }
1131 interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
1132 'class'?: string | {
1133 [className: string]: boolean;
1134 };
1135 'color'?: string;
1136 'height'?: number | string;
1137 'id'?: string;
1138 'lang'?: string;
1139 'max'?: number | string;
1140 'media'?: string;
1141 'method'?: string;
1142 'min'?: number | string;
1143 'name'?: string;
1144 'style'?: {
1145 [key: string]: string | undefined;
1146 };
1147 'target'?: string;
1148 'type'?: string;
1149 'width'?: number | string;
1150 'role'?: string;
1151 'tabindex'?: number;
1152 'accent-height'?: number | string;
1153 'accumulate'?: 'none' | 'sum';
1154 'additive'?: 'replace' | 'sum';
1155 'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
1156 'allowReorder'?: 'no' | 'yes';
1157 'alphabetic'?: number | string;
1158 'amplitude'?: number | string;
1159 'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
1160 'ascent'?: number | string;
1161 'attributeName'?: string;
1162 'attributeType'?: string;
1163 'autoReverse'?: number | string;
1164 'azimuth'?: number | string;
1165 'baseFrequency'?: number | string;
1166 'baseline-shift'?: number | string;
1167 'baseProfile'?: number | string;
1168 'bbox'?: number | string;
1169 'begin'?: number | string;
1170 'bias'?: number | string;
1171 'by'?: number | string;
1172 'calcMode'?: number | string;
1173 'cap-height'?: number | string;
1174 'clip'?: number | string;
1175 'clip-path'?: string;
1176 'clipPathUnits'?: number | string;
1177 'clip-rule'?: number | string;
1178 'color-interpolation'?: number | string;
1179 'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
1180 'color-profile'?: number | string;
1181 'color-rendering'?: number | string;
1182 'contentScriptType'?: number | string;
1183 'contentStyleType'?: number | string;
1184 'cursor'?: number | string;
1185 'cx'?: number | string;
1186 'cy'?: number | string;
1187 'd'?: string;
1188 'decelerate'?: number | string;
1189 'descent'?: number | string;
1190 'diffuseConstant'?: number | string;
1191 'direction'?: number | string;
1192 'display'?: number | string;
1193 'divisor'?: number | string;
1194 'dominant-baseline'?: number | string;
1195 'dur'?: number | string;
1196 'dx'?: number | string;
1197 'dy'?: number | string;
1198 'edge-mode'?: number | string;
1199 'elevation'?: number | string;
1200 'enable-background'?: number | string;
1201 'end'?: number | string;
1202 'exponent'?: number | string;
1203 'externalResourcesRequired'?: number | string;
1204 'fill'?: string;
1205 'fill-opacity'?: number | string;
1206 'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
1207 'filter'?: string;
1208 'filterRes'?: number | string;
1209 'filterUnits'?: number | string;
1210 'flood-color'?: number | string;
1211 'flood-opacity'?: number | string;
1212 'focusable'?: number | string;
1213 'font-family'?: string;
1214 'font-size'?: number | string;
1215 'font-size-adjust'?: number | string;
1216 'font-stretch'?: number | string;
1217 'font-style'?: number | string;
1218 'font-variant'?: number | string;
1219 'font-weight'?: number | string;
1220 'format'?: number | string;
1221 'from'?: number | string;
1222 'fx'?: number | string;
1223 'fy'?: number | string;
1224 'g1'?: number | string;
1225 'g2'?: number | string;
1226 'glyph-name'?: number | string;
1227 'glyph-orientation-horizontal'?: number | string;
1228 'glyph-orientation-vertical'?: number | string;
1229 'glyphRef'?: number | string;
1230 'gradientTransform'?: string;
1231 'gradientUnits'?: string;
1232 'hanging'?: number | string;
1233 'horiz-adv-x'?: number | string;
1234 'horiz-origin-x'?: number | string;
1235 'href'?: string;
1236 'ideographic'?: number | string;
1237 'image-rendering'?: number | string;
1238 'in2'?: number | string;
1239 'in'?: string;
1240 'intercept'?: number | string;
1241 'k1'?: number | string;
1242 'k2'?: number | string;
1243 'k3'?: number | string;
1244 'k4'?: number | string;
1245 'k'?: number | string;
1246 'kernelMatrix'?: number | string;
1247 'kernelUnitLength'?: number | string;
1248 'kerning'?: number | string;
1249 'keyPoints'?: number | string;
1250 'keySplines'?: number | string;
1251 'keyTimes'?: number | string;
1252 'lengthAdjust'?: number | string;
1253 'letter-spacing'?: number | string;
1254 'lighting-color'?: number | string;
1255 'limitingConeAngle'?: number | string;
1256 'local'?: number | string;
1257 'marker-end'?: string;
1258 'markerHeight'?: number | string;
1259 'marker-mid'?: string;
1260 'marker-start'?: string;
1261 'markerUnits'?: number | string;
1262 'markerWidth'?: number | string;
1263 'mask'?: string;
1264 'maskContentUnits'?: number | string;
1265 'maskUnits'?: number | string;
1266 'mathematical'?: number | string;
1267 'mode'?: number | string;
1268 'numOctaves'?: number | string;
1269 'offset'?: number | string;
1270 'opacity'?: number | string;
1271 'operator'?: number | string;
1272 'order'?: number | string;
1273 'orient'?: number | string;
1274 'orientation'?: number | string;
1275 'origin'?: number | string;
1276 'overflow'?: number | string;
1277 'overline-position'?: number | string;
1278 'overline-thickness'?: number | string;
1279 'paint-order'?: number | string;
1280 'panose1'?: number | string;
1281 'pathLength'?: number | string;
1282 'patternContentUnits'?: string;
1283 'patternTransform'?: number | string;
1284 'patternUnits'?: string;
1285 'pointer-events'?: number | string;
1286 'points'?: string;
1287 'pointsAtX'?: number | string;
1288 'pointsAtY'?: number | string;
1289 'pointsAtZ'?: number | string;
1290 'preserveAlpha'?: number | string;
1291 'preserveAspectRatio'?: string;
1292 'primitiveUnits'?: number | string;
1293 'r'?: number | string;
1294 'radius'?: number | string;
1295 'ref-x'?: number | string;
1296 'ref-y'?: number | string;
1297 'rendering-intent'?: number | string;
1298 'repeatCount'?: number | string;
1299 'repeatDur'?: number | string;
1300 'requiredextensions'?: number | string;
1301 'requiredFeatures'?: number | string;
1302 'restart'?: number | string;
1303 'result'?: string;
1304 'rotate'?: number | string;
1305 'rx'?: number | string;
1306 'ry'?: number | string;
1307 'scale'?: number | string;
1308 'seed'?: number | string;
1309 'shape-rendering'?: number | string;
1310 'slope'?: number | string;
1311 'spacing'?: number | string;
1312 'specularConstant'?: number | string;
1313 'specularExponent'?: number | string;
1314 'speed'?: number | string;
1315 'spreadMethod'?: string;
1316 'startOffset'?: number | string;
1317 'stdDeviation'?: number | string;
1318 'stemh'?: number | string;
1319 'stemv'?: number | string;
1320 'stitchTiles'?: number | string;
1321 'stop-color'?: string;
1322 'stop-opacity'?: number | string;
1323 'strikethrough-position'?: number | string;
1324 'strikethrough-thickness'?: number | string;
1325 'string'?: number | string;
1326 'stroke'?: string;
1327 'stroke-dasharray'?: string | number;
1328 'stroke-dashoffset'?: string | number;
1329 'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
1330 'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit';
1331 'stroke-miterlimit'?: string;
1332 'stroke-opacity'?: number | string;
1333 'stroke-width'?: number | string;
1334 'surfaceScale'?: number | string;
1335 'systemLanguage'?: number | string;
1336 'tableValues'?: number | string;
1337 'targetX'?: number | string;
1338 'targetY'?: number | string;
1339 'text-anchor'?: string;
1340 'text-decoration'?: number | string;
1341 'textLength'?: number | string;
1342 'text-rendering'?: number | string;
1343 'to'?: number | string;
1344 'transform'?: string;
1345 'u1'?: number | string;
1346 'u2'?: number | string;
1347 'underline-position'?: number | string;
1348 'underline-thickness'?: number | string;
1349 'unicode'?: number | string;
1350 'unicode-bidi'?: number | string;
1351 'unicode-range'?: number | string;
1352 'units-per-em'?: number | string;
1353 'v-alphabetic'?: number | string;
1354 'values'?: string;
1355 'vector-effect'?: number | string;
1356 'version'?: string;
1357 'vert-adv-y'?: number | string;
1358 'vert-origin-x'?: number | string;
1359 'vert-origin-y'?: number | string;
1360 'v-hanging'?: number | string;
1361 'v-ideographic'?: number | string;
1362 'viewBox'?: string;
1363 'viewTarget'?: number | string;
1364 'visibility'?: number | string;
1365 'v-mathematical'?: number | string;
1366 'widths'?: number | string;
1367 'word-spacing'?: number | string;
1368 'writing-mode'?: number | string;
1369 'x1'?: number | string;
1370 'x2'?: number | string;
1371 'x'?: number | string;
1372 'x-channel-selector'?: string;
1373 'x-height'?: number | string;
1374 'xlinkActuate'?: string;
1375 'xlinkArcrole'?: string;
1376 'xlinkHref'?: string;
1377 'xlinkRole'?: string;
1378 'xlinkShow'?: string;
1379 'xlinkTitle'?: string;
1380 'xlinkType'?: string;
1381 'xmlBase'?: string;
1382 'xmlLang'?: string;
1383 'xmlns'?: string;
1384 'xmlSpace'?: string;
1385 'y1'?: number | string;
1386 'y2'?: number | string;
1387 'y'?: number | string;
1388 'yChannelSelector'?: string;
1389 'z'?: number | string;
1390 'zoomAndPan'?: string;
1391 }
1392 interface DOMAttributes<T = Element> {
1393 key?: string | number;
1394 ref?: (elm?: T) => void;
1395 slot?: string;
1396 part?: string;
1397 exportparts?: string;
1398 onCopy?: (event: ClipboardEvent) => void;
1399 onCopyCapture?: (event: ClipboardEvent) => void;
1400 onCut?: (event: ClipboardEvent) => void;
1401 onCutCapture?: (event: ClipboardEvent) => void;
1402 onPaste?: (event: ClipboardEvent) => void;
1403 onPasteCapture?: (event: ClipboardEvent) => void;
1404 onCompositionEnd?: (event: CompositionEvent) => void;
1405 onCompositionEndCapture?: (event: CompositionEvent) => void;
1406 onCompositionStart?: (event: CompositionEvent) => void;
1407 onCompositionStartCapture?: (event: CompositionEvent) => void;
1408 onCompositionUpdate?: (event: CompositionEvent) => void;
1409 onCompositionUpdateCapture?: (event: CompositionEvent) => void;
1410 onFocus?: (event: FocusEvent) => void;
1411 onFocusCapture?: (event: FocusEvent) => void;
1412 onFocusIn?: (event: FocusEvent) => void;
1413 onFocusInCapture?: (event: FocusEvent) => void;
1414 onFocusOut?: (event: FocusEvent) => void;
1415 onFocusOutCapture?: (event: FocusEvent) => void;
1416 onBlur?: (event: FocusEvent) => void;
1417 onBlurCapture?: (event: FocusEvent) => void;
1418 onChange?: (event: Event) => void;
1419 onChangeCapture?: (event: Event) => void;
1420 onInput?: (event: Event) => void;
1421 onInputCapture?: (event: Event) => void;
1422 onReset?: (event: Event) => void;
1423 onResetCapture?: (event: Event) => void;
1424 onSubmit?: (event: Event) => void;
1425 onSubmitCapture?: (event: Event) => void;
1426 onInvalid?: (event: Event) => void;
1427 onInvalidCapture?: (event: Event) => void;
1428 onLoad?: (event: Event) => void;
1429 onLoadCapture?: (event: Event) => void;
1430 onError?: (event: Event) => void;
1431 onErrorCapture?: (event: Event) => void;
1432 onKeyDown?: (event: KeyboardEvent) => void;
1433 onKeyDownCapture?: (event: KeyboardEvent) => void;
1434 onKeyPress?: (event: KeyboardEvent) => void;
1435 onKeyPressCapture?: (event: KeyboardEvent) => void;
1436 onKeyUp?: (event: KeyboardEvent) => void;
1437 onKeyUpCapture?: (event: KeyboardEvent) => void;
1438 onAuxClick?: (event: MouseEvent) => void;
1439 onClick?: (event: MouseEvent) => void;
1440 onClickCapture?: (event: MouseEvent) => void;
1441 onContextMenu?: (event: MouseEvent) => void;
1442 onContextMenuCapture?: (event: MouseEvent) => void;
1443 onDblClick?: (event: MouseEvent) => void;
1444 onDblClickCapture?: (event: MouseEvent) => void;
1445 onDrag?: (event: DragEvent) => void;
1446 onDragCapture?: (event: DragEvent) => void;
1447 onDragEnd?: (event: DragEvent) => void;
1448 onDragEndCapture?: (event: DragEvent) => void;
1449 onDragEnter?: (event: DragEvent) => void;
1450 onDragEnterCapture?: (event: DragEvent) => void;
1451 onDragExit?: (event: DragEvent) => void;
1452 onDragExitCapture?: (event: DragEvent) => void;
1453 onDragLeave?: (event: DragEvent) => void;
1454 onDragLeaveCapture?: (event: DragEvent) => void;
1455 onDragOver?: (event: DragEvent) => void;
1456 onDragOverCapture?: (event: DragEvent) => void;
1457 onDragStart?: (event: DragEvent) => void;
1458 onDragStartCapture?: (event: DragEvent) => void;
1459 onDrop?: (event: DragEvent) => void;
1460 onDropCapture?: (event: DragEvent) => void;
1461 onMouseDown?: (event: MouseEvent) => void;
1462 onMouseDownCapture?: (event: MouseEvent) => void;
1463 onMouseEnter?: (event: MouseEvent) => void;
1464 onMouseLeave?: (event: MouseEvent) => void;
1465 onMouseMove?: (event: MouseEvent) => void;
1466 onMouseMoveCapture?: (event: MouseEvent) => void;
1467 onMouseOut?: (event: MouseEvent) => void;
1468 onMouseOutCapture?: (event: MouseEvent) => void;
1469 onMouseOver?: (event: MouseEvent) => void;
1470 onMouseOverCapture?: (event: MouseEvent) => void;
1471 onMouseUp?: (event: MouseEvent) => void;
1472 onMouseUpCapture?: (event: MouseEvent) => void;
1473 onTouchCancel?: (event: TouchEvent) => void;
1474 onTouchCancelCapture?: (event: TouchEvent) => void;
1475 onTouchEnd?: (event: TouchEvent) => void;
1476 onTouchEndCapture?: (event: TouchEvent) => void;
1477 onTouchMove?: (event: TouchEvent) => void;
1478 onTouchMoveCapture?: (event: TouchEvent) => void;
1479 onTouchStart?: (event: TouchEvent) => void;
1480 onTouchStartCapture?: (event: TouchEvent) => void;
1481 onPointerDown?: (event: PointerEvent) => void;
1482 onPointerDownCapture?: (event: PointerEvent) => void;
1483 onPointerMove?: (event: PointerEvent) => void;
1484 onPointerMoveCapture?: (event: PointerEvent) => void;
1485 onPointerUp?: (event: PointerEvent) => void;
1486 onPointerUpCapture?: (event: PointerEvent) => void;
1487 onPointerCancel?: (event: PointerEvent) => void;
1488 onPointerCancelCapture?: (event: PointerEvent) => void;
1489 onPointerEnter?: (event: PointerEvent) => void;
1490 onPointerEnterCapture?: (event: PointerEvent) => void;
1491 onPointerLeave?: (event: PointerEvent) => void;
1492 onPointerLeaveCapture?: (event: PointerEvent) => void;
1493 onPointerOver?: (event: PointerEvent) => void;
1494 onPointerOverCapture?: (event: PointerEvent) => void;
1495 onPointerOut?: (event: PointerEvent) => void;
1496 onPointerOutCapture?: (event: PointerEvent) => void;
1497 onGotPointerCapture?: (event: PointerEvent) => void;
1498 onGotPointerCaptureCapture?: (event: PointerEvent) => void;
1499 onLostPointerCapture?: (event: PointerEvent) => void;
1500 onLostPointerCaptureCapture?: (event: PointerEvent) => void;
1501 onScroll?: (event: UIEvent) => void;
1502 onScrollCapture?: (event: UIEvent) => void;
1503 onWheel?: (event: WheelEvent) => void;
1504 onWheelCapture?: (event: WheelEvent) => void;
1505 onAnimationStart?: (event: AnimationEvent) => void;
1506 onAnimationStartCapture?: (event: AnimationEvent) => void;
1507 onAnimationEnd?: (event: AnimationEvent) => void;
1508 onAnimationEndCapture?: (event: AnimationEvent) => void;
1509 onAnimationIteration?: (event: AnimationEvent) => void;
1510 onAnimationIterationCapture?: (event: AnimationEvent) => void;
1511 onTransitionEnd?: (event: TransitionEvent) => void;
1512 onTransitionEndCapture?: (event: TransitionEvent) => void;
1513 }
1514}