1638 lines
61 KiB
TypeScript
Executable File
1638 lines
61 KiB
TypeScript
Executable File
declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
|
|
export interface ComponentDecorator {
|
|
(opts?: ComponentOptions): ClassDecorator;
|
|
}
|
|
export interface ComponentOptions {
|
|
/**
|
|
* Tag name of the web component. Ideally, the tag name must be globally unique,
|
|
* so it's recommended to choose an unique prefix for all your components within the same collection.
|
|
*
|
|
* In addition, tag name must contain a '-'
|
|
*/
|
|
tag: string;
|
|
/**
|
|
* If `true`, the component will use scoped stylesheets. Similar to shadow-dom,
|
|
* but without native isolation. Defaults to `false`.
|
|
*/
|
|
scoped?: boolean;
|
|
/**
|
|
* If `true`, the component will use native shadow-dom encapsulation, it will fallback to
|
|
* `scoped` if the browser does not support shadow-dom natively. Defaults to `false`.
|
|
* Additionally, `shadow` can also be given options when attaching the shadow root.
|
|
*/
|
|
shadow?: boolean | ShadowRootOptions;
|
|
/**
|
|
* Relative URL to some external stylesheet file. It should be a `.css` file unless some
|
|
* external plugin is installed like `@stencil/sass`.
|
|
*/
|
|
styleUrl?: string;
|
|
/**
|
|
* Similar as `styleUrl` but allows to specify different stylesheets for different modes.
|
|
*/
|
|
styleUrls?: string[] | ModeStyles;
|
|
/**
|
|
* String that contains inlined CSS instead of using an external stylesheet.
|
|
* The performance characteristics of this feature are the same as using an external stylesheet.
|
|
*
|
|
* Notice, you can't use sass, or less, only `css` is allowed using `styles`, use `styleUrl` is you need more advanced features.
|
|
*/
|
|
styles?: string | {
|
|
[modeName: string]: any;
|
|
};
|
|
/**
|
|
* Array of relative links to folders of assets required by the component.
|
|
*/
|
|
assetsDirs?: string[];
|
|
}
|
|
export interface ShadowRootOptions {
|
|
/**
|
|
* When set to `true`, specifies behavior that mitigates custom element issues
|
|
* around focusability. When a non-focusable part of the shadow DOM is clicked, the first
|
|
* focusable part is given focus, and the shadow host is given any available `:focus` styling.
|
|
*/
|
|
delegatesFocus?: boolean;
|
|
}
|
|
export interface ModeStyles {
|
|
[modeName: string]: string | string[];
|
|
}
|
|
export interface PropDecorator {
|
|
(opts?: PropOptions): PropertyDecorator;
|
|
}
|
|
export interface PropOptions {
|
|
/**
|
|
* The name of the associated DOM attribute.
|
|
* Stencil uses different heuristics to determine the default name of the attribute,
|
|
* but using this property, you can override the default behaviour.
|
|
*/
|
|
attribute?: string | null;
|
|
/**
|
|
* A Prop is _by default_ immutable from inside the component logic.
|
|
* Once a value is set by a user, the component cannot update it internally.
|
|
* However, it's possible to explicitly allow a Prop to be mutated from inside the component,
|
|
* by setting this `mutable` option to `true`.
|
|
*/
|
|
mutable?: boolean;
|
|
/**
|
|
* In some cases it may be useful to keep a Prop in sync with an attribute.
|
|
* In this case you can set the `reflect` option to `true`, since it defaults to `false`:
|
|
*/
|
|
reflect?: boolean;
|
|
}
|
|
export interface MethodDecorator {
|
|
(opts?: MethodOptions): CustomMethodDecorator<any>;
|
|
}
|
|
export interface MethodOptions {
|
|
}
|
|
export interface ElementDecorator {
|
|
(): PropertyDecorator;
|
|
}
|
|
export interface EventDecorator {
|
|
(opts?: EventOptions): PropertyDecorator;
|
|
}
|
|
export interface EventOptions {
|
|
/**
|
|
* A string custom event name to override the default.
|
|
*/
|
|
eventName?: string;
|
|
/**
|
|
* A Boolean indicating whether the event bubbles up through the DOM or not.
|
|
*/
|
|
bubbles?: boolean;
|
|
/**
|
|
* A Boolean indicating whether the event is cancelable.
|
|
*/
|
|
cancelable?: boolean;
|
|
/**
|
|
* A Boolean value indicating whether or not the event can bubble across the boundary between the shadow DOM and the regular DOM.
|
|
*/
|
|
composed?: boolean;
|
|
}
|
|
export interface ListenDecorator {
|
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
}
|
|
export interface ListenOptions {
|
|
/**
|
|
* Handlers can also be registered for an event other than the host itself.
|
|
* The `target` option can be used to change where the event listener is attached,
|
|
* this is useful for listening to application-wide events.
|
|
*/
|
|
target?: ListenTargetOptions;
|
|
/**
|
|
* Event listener attached with `@Listen` does not "capture" by default,
|
|
* When a event listener is set to "capture", means the event will be dispatched
|
|
* during the "capture phase". Please see
|
|
* https://www.quirksmode.org/js/events_order.html for further information.
|
|
*/
|
|
capture?: boolean;
|
|
/**
|
|
* By default, Stencil uses several heuristics to determine if
|
|
* it must attach a `passive` event listener or not.
|
|
*
|
|
* Using the `passive` option can be used to change the default behaviour.
|
|
* Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
|
|
*/
|
|
passive?: boolean;
|
|
}
|
|
export type ListenTargetOptions = 'body' | 'document' | 'window';
|
|
export interface StateDecorator {
|
|
(): PropertyDecorator;
|
|
}
|
|
export interface WatchDecorator {
|
|
(propName: string): CustomMethodDecorator<any>;
|
|
}
|
|
export interface UserBuildConditionals {
|
|
isDev: boolean;
|
|
isBrowser: boolean;
|
|
isServer: boolean;
|
|
isTesting: boolean;
|
|
}
|
|
/**
|
|
* The `Build` object provides many build conditionals that can be used to
|
|
* include or exclude code depending on the build.
|
|
*/
|
|
export declare const Build: UserBuildConditionals;
|
|
/**
|
|
* The `Env` object provides access to the "env" object declared in the project's `stencil.config.ts`.
|
|
*/
|
|
export declare const Env: {
|
|
[prop: string]: string | undefined;
|
|
};
|
|
/**
|
|
* The `@Component()` decorator is used to provide metadata about the component class.
|
|
* https://stenciljs.com/docs/component
|
|
*/
|
|
export declare const Component: ComponentDecorator;
|
|
/**
|
|
* The `@Element()` decorator is a reference to the actual host element
|
|
* once it has rendered.
|
|
*/
|
|
export declare const Element: ElementDecorator;
|
|
/**
|
|
* Components can emit data and events using the Event Emitter decorator.
|
|
* To dispatch Custom DOM events for other components to handle, use the
|
|
* `@Event()` decorator. The Event decorator also makes it easier for Stencil
|
|
* to automatically build types and documentation for the event data.
|
|
* https://stenciljs.com/docs/events
|
|
*/
|
|
export declare const Event: EventDecorator;
|
|
/**
|
|
* The `Listen()` decorator is for listening DOM events, including the ones
|
|
* dispatched from `@Events()`.
|
|
* https://stenciljs.com/docs/events#listen-decorator
|
|
*/
|
|
export declare const Listen: ListenDecorator;
|
|
/**
|
|
* The `@Method()` decorator is used to expose methods on the public API.
|
|
* Class methods decorated with the @Method() decorator can be called directly
|
|
* from the element, meaning they are intended to be callable from the outside.
|
|
* https://stenciljs.com/docs/methods
|
|
*/
|
|
export declare const Method: MethodDecorator;
|
|
/**
|
|
* Props are custom attribute/properties exposed publicly on the element
|
|
* that developers can provide values for. Children components do not need to
|
|
* know about or reference parent components, so Props can be used to pass
|
|
* data down from the parent to the child. Components need to explicitly
|
|
* declare the Props they expect to receive using the `@Prop()` decorator.
|
|
* Any value changes to a Prop will cause a re-render.
|
|
* https://stenciljs.com/docs/properties
|
|
*/
|
|
export declare const Prop: PropDecorator;
|
|
/**
|
|
* The `@State()` decorator can be used to manage internal data for a component.
|
|
* This means that a user cannot modify this data from outside the component,
|
|
* but the component can modify it however it sees fit. Any value changes to a
|
|
* `@State()` property will cause the components render function to be called again.
|
|
* https://stenciljs.com/docs/state
|
|
*/
|
|
export declare const State: StateDecorator;
|
|
/**
|
|
* When a property's value has changed, a method decorated with `@Watch()` will be
|
|
* called and passed the new value of the prop along with the old value. Watch is
|
|
* useful for validating props or handling side effects. Watch decorator does not
|
|
* fire when a component initially loads.
|
|
* https://stenciljs.com/docs/reactive-data#watch-decorator
|
|
*/
|
|
export declare const Watch: WatchDecorator;
|
|
export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
|
|
export type ErrorHandler = (err: any, element?: HTMLElement) => void;
|
|
/**
|
|
* `setMode()` is used for libraries which provide multiple "modes" for styles.
|
|
*/
|
|
export declare const setMode: (handler: ResolutionHandler) => void;
|
|
/**
|
|
* `getMode()` is used for libraries which provide multiple "modes" for styles.
|
|
* @param ref a reference to the node to get styles for
|
|
* @returns the current mode or undefined, if not found
|
|
*/
|
|
export declare function getMode<T = string | undefined>(ref: any): T;
|
|
export declare function setPlatformHelpers(helpers: {
|
|
jmp?: (c: any) => any;
|
|
raf?: (c: any) => number;
|
|
ael?: (el: any, eventName: string, listener: any, options: any) => void;
|
|
rel?: (el: any, eventName: string, listener: any, options: any) => void;
|
|
ce?: (eventName: string, opts?: any) => any;
|
|
}): void;
|
|
/**
|
|
* Get the base path to where the assets can be found. Use `setAssetPath(path)`
|
|
* if the path needs to be customized.
|
|
* @param path the path to use in calculating the asset path. this value will be
|
|
* used in conjunction with the base asset path
|
|
* @returns the base path
|
|
*/
|
|
export declare function getAssetPath(path: string): string;
|
|
/**
|
|
* Used to manually set the base path where assets can be found. For lazy-loaded
|
|
* builds the asset path is automatically set and assets copied to the correct
|
|
* build directory. However, for custom elements builds, the `setAssetPath(path)` could
|
|
* be used to customize the asset path depending on how the script file is consumed.
|
|
* If the script is used as "module", it's recommended to use "import.meta.url", such
|
|
* as `setAssetPath(import.meta.url)`. Other options include
|
|
* `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
|
|
* dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
|
|
* But do note that this configuration depends on how your script is bundled, or lack of
|
|
* bundling, and where your assets can be loaded from. Additionally custom bundling
|
|
* will have to ensure the static assets are copied to its build directory.
|
|
* @param path the asset path to set
|
|
* @returns the set path
|
|
*/
|
|
export declare function setAssetPath(path: string): string;
|
|
/**
|
|
* Used to specify a nonce value that corresponds with an application's
|
|
* [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
|
|
* When set, the nonce will be added to all dynamically created script and style tags at runtime.
|
|
* Alternatively, the nonce value can be set on a `meta` tag in the DOM head
|
|
* (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
|
|
* @param nonce The value to be used for the nonce attribute.
|
|
*/
|
|
export declare function setNonce(nonce: string): void;
|
|
/**
|
|
* Retrieve a Stencil element for a given reference
|
|
* @param ref the ref to get the Stencil element for
|
|
* @returns a reference to the element
|
|
*/
|
|
export declare function getElement(ref: any): HTMLStencilElement;
|
|
/**
|
|
* Schedules a new render of the given instance or element even if no state changed.
|
|
*
|
|
* Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
|
|
*
|
|
* @param ref the node/element to force the re-render of
|
|
*/
|
|
export declare function forceUpdate(ref: any): void;
|
|
/**
|
|
* getRenderingRef
|
|
* @returns the rendering ref
|
|
*/
|
|
export declare function getRenderingRef(): any;
|
|
export interface HTMLStencilElement extends HTMLElement {
|
|
componentOnReady(): Promise<this>;
|
|
}
|
|
/**
|
|
* Schedules a DOM-write task. The provided callback will be executed
|
|
* in the best moment to perform DOM mutation without causing layout thrashing.
|
|
*
|
|
* For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
|
|
*
|
|
* @param task the DOM-write to schedule
|
|
*/
|
|
export declare function writeTask(task: RafCallback): void;
|
|
/**
|
|
* Schedules a DOM-read task. The provided callback will be executed
|
|
* in the best moment to perform DOM reads without causing layout thrashing.
|
|
*
|
|
* For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
|
|
*
|
|
* @param task the DOM-read to schedule
|
|
*/
|
|
export declare function readTask(task: RafCallback): void;
|
|
/**
|
|
* `setErrorHandler()` can be used to inject a custom global error handler.
|
|
* Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
|
|
*/
|
|
export declare const setErrorHandler: (handler: ErrorHandler) => void;
|
|
/**
|
|
* This file gets copied to all distributions of stencil component collections.
|
|
* - no imports
|
|
*/
|
|
export interface ComponentWillLoad {
|
|
/**
|
|
* The component is about to load and it has not
|
|
* rendered yet.
|
|
*
|
|
* This is the best place to make any data updates
|
|
* before the first render.
|
|
*
|
|
* componentWillLoad will only be called once.
|
|
*/
|
|
componentWillLoad(): Promise<void> | void;
|
|
}
|
|
export interface ComponentDidLoad {
|
|
/**
|
|
* The component has loaded and has already rendered.
|
|
*
|
|
* Updating data in this method will cause the
|
|
* component to re-render.
|
|
*
|
|
* componentDidLoad will only be called once.
|
|
*/
|
|
componentDidLoad(): void;
|
|
}
|
|
export interface ComponentWillUpdate {
|
|
/**
|
|
* The component is about to update and re-render.
|
|
*
|
|
* Called multiple times throughout the life of
|
|
* the component as it updates.
|
|
*
|
|
* componentWillUpdate is not called on the first render.
|
|
*/
|
|
componentWillUpdate(): Promise<void> | void;
|
|
}
|
|
export interface ComponentDidUpdate {
|
|
/**
|
|
* The component has just re-rendered.
|
|
*
|
|
* Called multiple times throughout the life of
|
|
* the component as it updates.
|
|
*
|
|
* componentWillUpdate is not called on the
|
|
* first render.
|
|
*/
|
|
componentDidUpdate(): void;
|
|
}
|
|
export interface ComponentInterface {
|
|
connectedCallback?(): void;
|
|
disconnectedCallback?(): void;
|
|
componentWillRender?(): Promise<void> | void;
|
|
componentDidRender?(): void;
|
|
/**
|
|
* The component is about to load and it has not
|
|
* rendered yet.
|
|
*
|
|
* This is the best place to make any data updates
|
|
* before the first render.
|
|
*
|
|
* componentWillLoad will only be called once.
|
|
*/
|
|
componentWillLoad?(): Promise<void> | void;
|
|
/**
|
|
* The component has loaded and has already rendered.
|
|
*
|
|
* Updating data in this method will cause the
|
|
* component to re-render.
|
|
*
|
|
* componentDidLoad will only be called once.
|
|
*/
|
|
componentDidLoad?(): void;
|
|
/**
|
|
* A `@Prop` or `@State` property changed and a rerender is about to be requested.
|
|
*
|
|
* Called multiple times throughout the life of
|
|
* the component as its properties change.
|
|
*
|
|
* componentShouldUpdate is not called on the first render.
|
|
*/
|
|
componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
|
|
/**
|
|
* The component is about to update and re-render.
|
|
*
|
|
* Called multiple times throughout the life of
|
|
* the component as it updates.
|
|
*
|
|
* componentWillUpdate is not called on the first render.
|
|
*/
|
|
componentWillUpdate?(): Promise<void> | void;
|
|
/**
|
|
* The component has just re-rendered.
|
|
*
|
|
* Called multiple times throughout the life of
|
|
* the component as it updates.
|
|
*
|
|
* componentWillUpdate is not called on the
|
|
* first render.
|
|
*/
|
|
componentDidUpdate?(): void;
|
|
render?(): any;
|
|
[memberName: string]: any;
|
|
}
|
|
export interface EventEmitter<T = any> {
|
|
emit: (data?: T) => CustomEvent<T>;
|
|
}
|
|
export interface RafCallback {
|
|
(timeStamp: number): void;
|
|
}
|
|
export interface QueueApi {
|
|
tick: (cb: RafCallback) => void;
|
|
read: (cb: RafCallback) => void;
|
|
write: (cb: RafCallback) => void;
|
|
clear?: () => void;
|
|
flush?: (cb?: () => void) => void;
|
|
}
|
|
/**
|
|
* Host
|
|
*/
|
|
interface HostAttributes {
|
|
class?: string | {
|
|
[className: string]: boolean;
|
|
};
|
|
style?: {
|
|
[key: string]: string | undefined;
|
|
};
|
|
ref?: (el: HTMLElement | null) => void;
|
|
[prop: string]: any;
|
|
}
|
|
/**
|
|
* Utilities for working with functional Stencil components. An object
|
|
* conforming to this interface is passed by the Stencil runtime as the third
|
|
* argument to a functional component, allowing component authors to work with
|
|
* features like children.
|
|
*
|
|
* The children of a functional component will be passed as the second
|
|
* argument, so a functional component which uses these utils to transform its
|
|
* children might look like the following:
|
|
*
|
|
* ```ts
|
|
* export const AddClass: FunctionalComponent = (_, children, utils) => (
|
|
* utils.map(children, child => ({
|
|
* ...child,
|
|
* vattrs: {
|
|
* ...child.vattrs,
|
|
* class: `${child.vattrs.class} add-class`
|
|
* }
|
|
* }))
|
|
* );
|
|
* ```
|
|
*
|
|
* For more see the Stencil documentation, here:
|
|
* https://stenciljs.com/docs/functional-components
|
|
*/
|
|
export interface FunctionalUtilities {
|
|
/**
|
|
* Utility for reading the children of a functional component at runtime.
|
|
* Since the Stencil runtime uses a different interface for children it is
|
|
* not recommendeded to read the children directly, and is preferable to use
|
|
* this utility to, for instance, perform a side effect for each child.
|
|
*/
|
|
forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
|
|
/**
|
|
* Utility for transforming the children of a functional component. Given an
|
|
* array of children and a callback this will return a list of the results of
|
|
* passing each child to the supplied callback.
|
|
*/
|
|
map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
|
|
}
|
|
export interface FunctionalComponent<T = {}> {
|
|
(props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
|
|
}
|
|
/**
|
|
* A Child VDOM node
|
|
*
|
|
* This has most of the same properties as {@link VNode} but friendlier names
|
|
* (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
|
|
* order to provide a friendlier public interface for users of the
|
|
* {@link FunctionalUtilities}).
|
|
*/
|
|
export interface ChildNode {
|
|
vtag?: string | number | Function;
|
|
vkey?: string | number;
|
|
vtext?: string;
|
|
vchildren?: VNode[];
|
|
vattrs?: any;
|
|
vname?: string;
|
|
}
|
|
/**
|
|
* Host is a functional component can be used at the root of the render function
|
|
* to set attributes and event listeners to the host element itself.
|
|
*
|
|
* For further information: https://stenciljs.com/docs/host-element
|
|
*/
|
|
export declare const Host: FunctionalComponent<HostAttributes>;
|
|
/**
|
|
* Fragment
|
|
*/
|
|
export declare const Fragment: FunctionalComponent<{}>;
|
|
/**
|
|
* The "h" namespace is used to import JSX types for elements and attributes.
|
|
* It is imported in order to avoid conflicting global JSX issues.
|
|
*/
|
|
export declare namespace h {
|
|
function h(sel: any): VNode;
|
|
function h(sel: Node, data: VNodeData | null): VNode;
|
|
function h(sel: any, data: VNodeData | null): VNode;
|
|
function h(sel: any, text: string): VNode;
|
|
function h(sel: any, children: Array<VNode | undefined | null>): VNode;
|
|
function h(sel: any, data: VNodeData | null, text: string): VNode;
|
|
function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
|
|
function h(sel: any, data: VNodeData | null, children: VNode): VNode;
|
|
namespace JSX {
|
|
interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
|
|
[tagName: string]: any;
|
|
}
|
|
}
|
|
}
|
|
export declare function h(sel: any): VNode;
|
|
export declare function h(sel: Node, data: VNodeData | null): VNode;
|
|
export declare function h(sel: any, data: VNodeData | null): VNode;
|
|
export declare function h(sel: any, text: string): VNode;
|
|
export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
|
|
export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
|
|
export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
|
|
export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
|
|
/**
|
|
* A virtual DOM node
|
|
*/
|
|
export interface VNode {
|
|
$flags$: number;
|
|
$tag$: string | number | Function;
|
|
$elm$: any;
|
|
$text$: string;
|
|
$children$: VNode[];
|
|
$attrs$?: any;
|
|
$name$?: string;
|
|
$key$?: string | number;
|
|
}
|
|
export interface VNodeData {
|
|
class?: {
|
|
[className: string]: boolean;
|
|
};
|
|
style?: any;
|
|
[attrName: string]: any;
|
|
}
|
|
declare namespace LocalJSX {
|
|
interface Element {
|
|
}
|
|
interface IntrinsicElements {
|
|
}
|
|
}
|
|
export { LocalJSX as JSX };
|
|
export declare namespace JSXBase {
|
|
interface IntrinsicElements {
|
|
slot: JSXBase.SlotAttributes;
|
|
a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
abbr: JSXBase.HTMLAttributes;
|
|
address: JSXBase.HTMLAttributes;
|
|
area: JSXBase.AreaHTMLAttributes<HTMLAreaElement>;
|
|
article: JSXBase.HTMLAttributes;
|
|
aside: JSXBase.HTMLAttributes;
|
|
audio: JSXBase.AudioHTMLAttributes<HTMLAudioElement>;
|
|
b: JSXBase.HTMLAttributes;
|
|
base: JSXBase.BaseHTMLAttributes<HTMLBaseElement>;
|
|
bdi: JSXBase.HTMLAttributes;
|
|
bdo: JSXBase.HTMLAttributes;
|
|
big: JSXBase.HTMLAttributes;
|
|
blockquote: JSXBase.BlockquoteHTMLAttributes<HTMLQuoteElement>;
|
|
body: JSXBase.HTMLAttributes<HTMLBodyElement>;
|
|
br: JSXBase.HTMLAttributes<HTMLBRElement>;
|
|
button: JSXBase.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
canvas: JSXBase.CanvasHTMLAttributes<HTMLCanvasElement>;
|
|
caption: JSXBase.HTMLAttributes<HTMLTableCaptionElement>;
|
|
cite: JSXBase.HTMLAttributes;
|
|
code: JSXBase.HTMLAttributes;
|
|
col: JSXBase.ColHTMLAttributes<HTMLTableColElement>;
|
|
colgroup: JSXBase.ColgroupHTMLAttributes<HTMLTableColElement>;
|
|
data: JSXBase.HTMLAttributes<HTMLDataElement>;
|
|
datalist: JSXBase.HTMLAttributes<HTMLDataListElement>;
|
|
dd: JSXBase.HTMLAttributes;
|
|
del: JSXBase.DelHTMLAttributes<HTMLModElement>;
|
|
details: JSXBase.DetailsHTMLAttributes<HTMLElement>;
|
|
dfn: JSXBase.HTMLAttributes;
|
|
dialog: JSXBase.DialogHTMLAttributes<HTMLDialogElement>;
|
|
div: JSXBase.HTMLAttributes<HTMLDivElement>;
|
|
dl: JSXBase.HTMLAttributes<HTMLDListElement>;
|
|
dt: JSXBase.HTMLAttributes;
|
|
em: JSXBase.HTMLAttributes;
|
|
embed: JSXBase.EmbedHTMLAttributes<HTMLEmbedElement>;
|
|
fieldset: JSXBase.FieldsetHTMLAttributes<HTMLFieldSetElement>;
|
|
figcaption: JSXBase.HTMLAttributes;
|
|
figure: JSXBase.HTMLAttributes;
|
|
footer: JSXBase.HTMLAttributes;
|
|
form: JSXBase.FormHTMLAttributes<HTMLFormElement>;
|
|
h1: JSXBase.HTMLAttributes<HTMLHeadingElement>;
|
|
h2: JSXBase.HTMLAttributes<HTMLHeadingElement>;
|
|
h3: JSXBase.HTMLAttributes<HTMLHeadingElement>;
|
|
h4: JSXBase.HTMLAttributes<HTMLHeadingElement>;
|
|
h5: JSXBase.HTMLAttributes<HTMLHeadingElement>;
|
|
h6: JSXBase.HTMLAttributes<HTMLHeadingElement>;
|
|
head: JSXBase.HTMLAttributes<HTMLHeadElement>;
|
|
header: JSXBase.HTMLAttributes;
|
|
hgroup: JSXBase.HTMLAttributes;
|
|
hr: JSXBase.HTMLAttributes<HTMLHRElement>;
|
|
html: JSXBase.HTMLAttributes<HTMLHtmlElement>;
|
|
i: JSXBase.HTMLAttributes;
|
|
iframe: JSXBase.IframeHTMLAttributes<HTMLIFrameElement>;
|
|
img: JSXBase.ImgHTMLAttributes<HTMLImageElement>;
|
|
input: JSXBase.InputHTMLAttributes<HTMLInputElement>;
|
|
ins: JSXBase.InsHTMLAttributes<HTMLModElement>;
|
|
kbd: JSXBase.HTMLAttributes;
|
|
keygen: JSXBase.KeygenHTMLAttributes<HTMLElement>;
|
|
label: JSXBase.LabelHTMLAttributes<HTMLLabelElement>;
|
|
legend: JSXBase.HTMLAttributes<HTMLLegendElement>;
|
|
li: JSXBase.LiHTMLAttributes<HTMLLIElement>;
|
|
link: JSXBase.LinkHTMLAttributes<HTMLLinkElement>;
|
|
main: JSXBase.HTMLAttributes;
|
|
map: JSXBase.MapHTMLAttributes<HTMLMapElement>;
|
|
mark: JSXBase.HTMLAttributes;
|
|
menu: JSXBase.MenuHTMLAttributes<HTMLMenuElement>;
|
|
menuitem: JSXBase.HTMLAttributes;
|
|
meta: JSXBase.MetaHTMLAttributes<HTMLMetaElement>;
|
|
meter: JSXBase.MeterHTMLAttributes<HTMLMeterElement>;
|
|
nav: JSXBase.HTMLAttributes;
|
|
noscript: JSXBase.HTMLAttributes;
|
|
object: JSXBase.ObjectHTMLAttributes<HTMLObjectElement>;
|
|
ol: JSXBase.OlHTMLAttributes<HTMLOListElement>;
|
|
optgroup: JSXBase.OptgroupHTMLAttributes<HTMLOptGroupElement>;
|
|
option: JSXBase.OptionHTMLAttributes<HTMLOptionElement>;
|
|
output: JSXBase.OutputHTMLAttributes<HTMLOutputElement>;
|
|
p: JSXBase.HTMLAttributes<HTMLParagraphElement>;
|
|
param: JSXBase.ParamHTMLAttributes<HTMLParamElement>;
|
|
picture: JSXBase.HTMLAttributes<HTMLPictureElement>;
|
|
pre: JSXBase.HTMLAttributes<HTMLPreElement>;
|
|
progress: JSXBase.ProgressHTMLAttributes<HTMLProgressElement>;
|
|
q: JSXBase.QuoteHTMLAttributes<HTMLQuoteElement>;
|
|
rp: JSXBase.HTMLAttributes;
|
|
rt: JSXBase.HTMLAttributes;
|
|
ruby: JSXBase.HTMLAttributes;
|
|
s: JSXBase.HTMLAttributes;
|
|
samp: JSXBase.HTMLAttributes;
|
|
script: JSXBase.ScriptHTMLAttributes<HTMLScriptElement>;
|
|
section: JSXBase.HTMLAttributes;
|
|
select: JSXBase.SelectHTMLAttributes<HTMLSelectElement>;
|
|
small: JSXBase.HTMLAttributes;
|
|
source: JSXBase.SourceHTMLAttributes<HTMLSourceElement>;
|
|
span: JSXBase.HTMLAttributes<HTMLSpanElement>;
|
|
strong: JSXBase.HTMLAttributes;
|
|
style: JSXBase.StyleHTMLAttributes<HTMLStyleElement>;
|
|
sub: JSXBase.HTMLAttributes;
|
|
summary: JSXBase.HTMLAttributes;
|
|
sup: JSXBase.HTMLAttributes;
|
|
table: JSXBase.TableHTMLAttributes<HTMLTableElement>;
|
|
tbody: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
|
|
td: JSXBase.TdHTMLAttributes<HTMLTableDataCellElement>;
|
|
textarea: JSXBase.TextareaHTMLAttributes<HTMLTextAreaElement>;
|
|
tfoot: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
|
|
th: JSXBase.ThHTMLAttributes<HTMLTableHeaderCellElement>;
|
|
thead: JSXBase.HTMLAttributes<HTMLTableSectionElement>;
|
|
time: JSXBase.TimeHTMLAttributes<HTMLTimeElement>;
|
|
title: JSXBase.HTMLAttributes<HTMLTitleElement>;
|
|
tr: JSXBase.HTMLAttributes<HTMLTableRowElement>;
|
|
track: JSXBase.TrackHTMLAttributes<HTMLTrackElement>;
|
|
u: JSXBase.HTMLAttributes;
|
|
ul: JSXBase.HTMLAttributes<HTMLUListElement>;
|
|
var: JSXBase.HTMLAttributes;
|
|
video: JSXBase.VideoHTMLAttributes<HTMLVideoElement>;
|
|
wbr: JSXBase.HTMLAttributes;
|
|
animate: JSXBase.SVGAttributes;
|
|
circle: JSXBase.SVGAttributes;
|
|
clipPath: JSXBase.SVGAttributes;
|
|
defs: JSXBase.SVGAttributes;
|
|
desc: JSXBase.SVGAttributes;
|
|
ellipse: JSXBase.SVGAttributes;
|
|
feBlend: JSXBase.SVGAttributes;
|
|
feColorMatrix: JSXBase.SVGAttributes;
|
|
feComponentTransfer: JSXBase.SVGAttributes;
|
|
feComposite: JSXBase.SVGAttributes;
|
|
feConvolveMatrix: JSXBase.SVGAttributes;
|
|
feDiffuseLighting: JSXBase.SVGAttributes;
|
|
feDisplacementMap: JSXBase.SVGAttributes;
|
|
feDistantLight: JSXBase.SVGAttributes;
|
|
feDropShadow: JSXBase.SVGAttributes;
|
|
feFlood: JSXBase.SVGAttributes;
|
|
feFuncA: JSXBase.SVGAttributes;
|
|
feFuncB: JSXBase.SVGAttributes;
|
|
feFuncG: JSXBase.SVGAttributes;
|
|
feFuncR: JSXBase.SVGAttributes;
|
|
feGaussianBlur: JSXBase.SVGAttributes;
|
|
feImage: JSXBase.SVGAttributes;
|
|
feMerge: JSXBase.SVGAttributes;
|
|
feMergeNode: JSXBase.SVGAttributes;
|
|
feMorphology: JSXBase.SVGAttributes;
|
|
feOffset: JSXBase.SVGAttributes;
|
|
fePointLight: JSXBase.SVGAttributes;
|
|
feSpecularLighting: JSXBase.SVGAttributes;
|
|
feSpotLight: JSXBase.SVGAttributes;
|
|
feTile: JSXBase.SVGAttributes;
|
|
feTurbulence: JSXBase.SVGAttributes;
|
|
filter: JSXBase.SVGAttributes;
|
|
foreignObject: JSXBase.SVGAttributes;
|
|
g: JSXBase.SVGAttributes;
|
|
image: JSXBase.SVGAttributes;
|
|
line: JSXBase.SVGAttributes;
|
|
linearGradient: JSXBase.SVGAttributes;
|
|
marker: JSXBase.SVGAttributes;
|
|
mask: JSXBase.SVGAttributes;
|
|
metadata: JSXBase.SVGAttributes;
|
|
path: JSXBase.SVGAttributes;
|
|
pattern: JSXBase.SVGAttributes;
|
|
polygon: JSXBase.SVGAttributes;
|
|
polyline: JSXBase.SVGAttributes;
|
|
radialGradient: JSXBase.SVGAttributes;
|
|
rect: JSXBase.SVGAttributes;
|
|
stop: JSXBase.SVGAttributes;
|
|
svg: JSXBase.SVGAttributes;
|
|
switch: JSXBase.SVGAttributes;
|
|
symbol: JSXBase.SVGAttributes;
|
|
text: JSXBase.SVGAttributes;
|
|
textPath: JSXBase.SVGAttributes;
|
|
tspan: JSXBase.SVGAttributes;
|
|
use: JSXBase.SVGAttributes;
|
|
view: JSXBase.SVGAttributes;
|
|
}
|
|
interface SlotAttributes extends JSXAttributes {
|
|
name?: string;
|
|
slot?: string;
|
|
onSlotchange?: (event: Event) => void;
|
|
}
|
|
interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
download?: any;
|
|
href?: string;
|
|
hrefLang?: string;
|
|
hreflang?: string;
|
|
media?: string;
|
|
rel?: string;
|
|
target?: string;
|
|
referrerPolicy?: ReferrerPolicy;
|
|
}
|
|
interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
|
|
}
|
|
interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
alt?: string;
|
|
coords?: string;
|
|
download?: any;
|
|
href?: string;
|
|
hrefLang?: string;
|
|
hreflang?: string;
|
|
media?: string;
|
|
rel?: string;
|
|
shape?: string;
|
|
target?: string;
|
|
}
|
|
interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
href?: string;
|
|
target?: string;
|
|
}
|
|
interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
cite?: string;
|
|
}
|
|
interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
autoFocus?: boolean;
|
|
disabled?: boolean;
|
|
form?: string;
|
|
formAction?: string;
|
|
formaction?: string;
|
|
formEncType?: string;
|
|
formenctype?: string;
|
|
formMethod?: string;
|
|
formmethod?: string;
|
|
formNoValidate?: boolean;
|
|
formnovalidate?: boolean;
|
|
formTarget?: string;
|
|
formtarget?: string;
|
|
name?: string;
|
|
type?: string;
|
|
value?: string | string[] | number;
|
|
}
|
|
interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
height?: number | string;
|
|
width?: number | string;
|
|
}
|
|
interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
span?: number;
|
|
}
|
|
interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
span?: number;
|
|
}
|
|
interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
open?: boolean;
|
|
onToggle?: (event: Event) => void;
|
|
}
|
|
interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
cite?: string;
|
|
dateTime?: string;
|
|
datetime?: string;
|
|
}
|
|
interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
onClose?: (event: Event) => void;
|
|
open?: boolean;
|
|
returnValue?: string;
|
|
}
|
|
interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
height?: number | string;
|
|
src?: string;
|
|
type?: string;
|
|
width?: number | string;
|
|
}
|
|
interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
disabled?: boolean;
|
|
form?: string;
|
|
name?: string;
|
|
}
|
|
interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
acceptCharset?: string;
|
|
acceptcharset?: string;
|
|
action?: string;
|
|
autoComplete?: string;
|
|
autocomplete?: string;
|
|
encType?: string;
|
|
enctype?: string;
|
|
method?: string;
|
|
name?: string;
|
|
noValidate?: boolean;
|
|
novalidate?: boolean | string;
|
|
target?: string;
|
|
}
|
|
interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
manifest?: string;
|
|
}
|
|
interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
allow?: string;
|
|
allowFullScreen?: boolean;
|
|
allowfullScreen?: string | boolean;
|
|
allowTransparency?: boolean;
|
|
allowtransparency?: string | boolean;
|
|
frameBorder?: number | string;
|
|
frameborder?: number | string;
|
|
importance?: 'low' | 'auto' | 'high';
|
|
height?: number | string;
|
|
loading?: 'lazy' | 'auto' | 'eager';
|
|
marginHeight?: number;
|
|
marginheight?: string | number;
|
|
marginWidth?: number;
|
|
marginwidth?: string | number;
|
|
name?: string;
|
|
referrerPolicy?: ReferrerPolicy;
|
|
sandbox?: string;
|
|
scrolling?: string;
|
|
seamless?: boolean;
|
|
src?: string;
|
|
srcDoc?: string;
|
|
srcdoc?: string;
|
|
width?: number | string;
|
|
}
|
|
interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
alt?: string;
|
|
decoding?: 'async' | 'auto' | 'sync';
|
|
importance?: 'low' | 'auto' | 'high';
|
|
height?: number | string;
|
|
loading?: 'lazy' | 'auto' | 'eager';
|
|
sizes?: string;
|
|
src?: string;
|
|
srcSet?: string;
|
|
srcset?: string;
|
|
useMap?: string;
|
|
usemap?: string;
|
|
width?: number | string;
|
|
}
|
|
interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
cite?: string;
|
|
dateTime?: string;
|
|
datetime?: string;
|
|
}
|
|
interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
accept?: string;
|
|
allowdirs?: boolean;
|
|
alt?: string;
|
|
autoCapitalize?: any;
|
|
autocapitalize?: any;
|
|
autoComplete?: string;
|
|
autocomplete?: string;
|
|
autoFocus?: boolean;
|
|
autofocus?: boolean | string;
|
|
capture?: string;
|
|
checked?: boolean;
|
|
crossOrigin?: string;
|
|
crossorigin?: string;
|
|
defaultChecked?: boolean;
|
|
defaultValue?: string;
|
|
dirName?: string;
|
|
disabled?: boolean;
|
|
files?: any;
|
|
form?: string;
|
|
formAction?: string;
|
|
formaction?: string;
|
|
formEncType?: string;
|
|
formenctype?: string;
|
|
formMethod?: string;
|
|
formmethod?: string;
|
|
formNoValidate?: boolean;
|
|
formnovalidate?: boolean;
|
|
formTarget?: string;
|
|
formtarget?: string;
|
|
height?: number | string;
|
|
indeterminate?: boolean;
|
|
list?: string;
|
|
max?: number | string;
|
|
maxLength?: number;
|
|
maxlength?: number | string;
|
|
min?: number | string;
|
|
minLength?: number;
|
|
minlength?: number | string;
|
|
multiple?: boolean;
|
|
name?: string;
|
|
pattern?: string;
|
|
placeholder?: string;
|
|
readOnly?: boolean;
|
|
readonly?: boolean | string;
|
|
required?: boolean;
|
|
selectionStart?: number | string;
|
|
selectionEnd?: number | string;
|
|
selectionDirection?: string;
|
|
size?: number;
|
|
src?: string;
|
|
step?: number | string;
|
|
type?: string;
|
|
value?: string | string[] | number;
|
|
valueAsDate?: any;
|
|
valueAsNumber?: any;
|
|
webkitdirectory?: boolean;
|
|
webkitEntries?: any;
|
|
width?: number | string;
|
|
}
|
|
interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
autoFocus?: boolean;
|
|
autofocus?: boolean | string;
|
|
challenge?: string;
|
|
disabled?: boolean;
|
|
form?: string;
|
|
keyType?: string;
|
|
keytype?: string;
|
|
keyParams?: string;
|
|
keyparams?: string;
|
|
name?: string;
|
|
}
|
|
interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
form?: string;
|
|
htmlFor?: string;
|
|
htmlfor?: string;
|
|
}
|
|
interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
value?: string | string[] | number;
|
|
}
|
|
interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
as?: string;
|
|
href?: string;
|
|
hrefLang?: string;
|
|
hreflang?: string;
|
|
importance?: 'low' | 'auto' | 'high';
|
|
integrity?: string;
|
|
media?: string;
|
|
rel?: string;
|
|
sizes?: string;
|
|
type?: string;
|
|
}
|
|
interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
name?: string;
|
|
}
|
|
interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
type?: string;
|
|
}
|
|
interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
autoPlay?: boolean;
|
|
autoplay?: boolean | string;
|
|
controls?: boolean;
|
|
crossOrigin?: string;
|
|
crossorigin?: string;
|
|
loop?: boolean;
|
|
mediaGroup?: string;
|
|
mediagroup?: string;
|
|
muted?: boolean;
|
|
preload?: string;
|
|
src?: string;
|
|
onAbort?: (event: Event) => void;
|
|
onCanPlay?: (event: Event) => void;
|
|
onCanPlayThrough?: (event: Event) => void;
|
|
onDurationChange?: (event: Event) => void;
|
|
onEmptied?: (event: Event) => void;
|
|
onEnded?: (event: Event) => void;
|
|
onError?: (event: Event) => void;
|
|
onInterruptBegin?: (event: Event) => void;
|
|
onInterruptEnd?: (event: Event) => void;
|
|
onLoadedData?: (event: Event) => void;
|
|
onLoadedMetaData?: (event: Event) => void;
|
|
onLoadStart?: (event: Event) => void;
|
|
onMozAudioAvailable?: (event: Event) => void;
|
|
onPause?: (event: Event) => void;
|
|
onPlay?: (event: Event) => void;
|
|
onPlaying?: (event: Event) => void;
|
|
onProgress?: (event: Event) => void;
|
|
onRateChange?: (event: Event) => void;
|
|
onSeeked?: (event: Event) => void;
|
|
onSeeking?: (event: Event) => void;
|
|
onStalled?: (event: Event) => void;
|
|
onSuspend?: (event: Event) => void;
|
|
onTimeUpdate?: (event: Event) => void;
|
|
onVolumeChange?: (event: Event) => void;
|
|
onWaiting?: (event: Event) => void;
|
|
}
|
|
interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
charSet?: string;
|
|
charset?: string;
|
|
content?: string;
|
|
httpEquiv?: string;
|
|
httpequiv?: string;
|
|
name?: string;
|
|
}
|
|
interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
form?: string;
|
|
high?: number;
|
|
low?: number;
|
|
max?: number | string;
|
|
min?: number | string;
|
|
optimum?: number;
|
|
value?: string | string[] | number;
|
|
}
|
|
interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
cite?: string;
|
|
}
|
|
interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
classID?: string;
|
|
classid?: string;
|
|
data?: string;
|
|
form?: string;
|
|
height?: number | string;
|
|
name?: string;
|
|
type?: string;
|
|
useMap?: string;
|
|
usemap?: string;
|
|
width?: number | string;
|
|
wmode?: string;
|
|
}
|
|
interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
reversed?: boolean;
|
|
start?: number;
|
|
}
|
|
interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
disabled?: boolean;
|
|
label?: string;
|
|
}
|
|
interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
disabled?: boolean;
|
|
label?: string;
|
|
selected?: boolean;
|
|
value?: string | string[] | number;
|
|
}
|
|
interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
form?: string;
|
|
htmlFor?: string;
|
|
htmlfor?: string;
|
|
name?: string;
|
|
}
|
|
interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
name?: string;
|
|
value?: string | string[] | number;
|
|
}
|
|
interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
max?: number | string;
|
|
value?: string | string[] | number;
|
|
}
|
|
interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
async?: boolean;
|
|
charSet?: string;
|
|
charset?: string;
|
|
crossOrigin?: string;
|
|
crossorigin?: string;
|
|
defer?: boolean;
|
|
importance?: 'low' | 'auto' | 'high';
|
|
integrity?: string;
|
|
nonce?: string;
|
|
src?: string;
|
|
type?: string;
|
|
}
|
|
interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
autoFocus?: boolean;
|
|
disabled?: boolean;
|
|
form?: string;
|
|
multiple?: boolean;
|
|
name?: string;
|
|
required?: boolean;
|
|
size?: number;
|
|
autoComplete?: string;
|
|
autocomplete?: string;
|
|
}
|
|
interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
media?: string;
|
|
sizes?: string;
|
|
src?: string;
|
|
srcSet?: string;
|
|
type?: string;
|
|
}
|
|
interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
media?: string;
|
|
nonce?: string;
|
|
scoped?: boolean;
|
|
type?: string;
|
|
}
|
|
interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
cellPadding?: number | string;
|
|
cellpadding?: number | string;
|
|
cellSpacing?: number | string;
|
|
cellspacing?: number | string;
|
|
summary?: string;
|
|
}
|
|
interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
autoFocus?: boolean;
|
|
autofocus?: boolean | string;
|
|
cols?: number;
|
|
disabled?: boolean;
|
|
form?: string;
|
|
maxLength?: number;
|
|
maxlength?: number | string;
|
|
minLength?: number;
|
|
minlength?: number | string;
|
|
name?: string;
|
|
placeholder?: string;
|
|
readOnly?: boolean;
|
|
readonly?: boolean | string;
|
|
required?: boolean;
|
|
rows?: number;
|
|
value?: string | string[] | number;
|
|
wrap?: string;
|
|
}
|
|
interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
colSpan?: number;
|
|
headers?: string;
|
|
rowSpan?: number;
|
|
}
|
|
interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
abbr?: string;
|
|
colSpan?: number;
|
|
headers?: string;
|
|
rowSpan?: number;
|
|
rowspan?: number | string;
|
|
scope?: string;
|
|
}
|
|
interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
dateTime?: string;
|
|
}
|
|
interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
default?: boolean;
|
|
kind?: string;
|
|
label?: string;
|
|
src?: string;
|
|
srcLang?: string;
|
|
srclang?: string;
|
|
}
|
|
interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
|
|
height?: number | string;
|
|
playsInline?: boolean;
|
|
playsinline?: boolean | string;
|
|
poster?: string;
|
|
width?: number | string;
|
|
}
|
|
interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
|
|
innerHTML?: string;
|
|
accessKey?: string;
|
|
class?: string | {
|
|
[className: string]: boolean;
|
|
};
|
|
contentEditable?: boolean | string;
|
|
contenteditable?: boolean | string;
|
|
contextMenu?: string;
|
|
contextmenu?: string;
|
|
dir?: string;
|
|
draggable?: boolean;
|
|
hidden?: boolean;
|
|
id?: string;
|
|
lang?: string;
|
|
spellcheck?: 'true' | 'false' | any;
|
|
style?: {
|
|
[key: string]: string | undefined;
|
|
};
|
|
tabIndex?: number;
|
|
tabindex?: number | string;
|
|
title?: string;
|
|
inputMode?: string;
|
|
inputmode?: string;
|
|
enterKeyHint?: string;
|
|
enterkeyhint?: string;
|
|
is?: string;
|
|
radioGroup?: string;
|
|
radiogroup?: string;
|
|
role?: string;
|
|
about?: string;
|
|
datatype?: string;
|
|
inlist?: any;
|
|
prefix?: string;
|
|
property?: string;
|
|
resource?: string;
|
|
typeof?: string;
|
|
vocab?: string;
|
|
autoCapitalize?: any;
|
|
autocapitalize?: any;
|
|
autoCorrect?: string;
|
|
autocorrect?: string;
|
|
autoSave?: string;
|
|
autosave?: string;
|
|
color?: string;
|
|
itemProp?: string;
|
|
itemprop?: string;
|
|
itemScope?: boolean;
|
|
itemscope?: boolean;
|
|
itemType?: string;
|
|
itemtype?: string;
|
|
itemID?: string;
|
|
itemid?: string;
|
|
itemRef?: string;
|
|
itemref?: string;
|
|
results?: number;
|
|
security?: string;
|
|
unselectable?: boolean;
|
|
}
|
|
interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
|
|
class?: string | {
|
|
[className: string]: boolean;
|
|
};
|
|
color?: string;
|
|
height?: number | string;
|
|
id?: string;
|
|
lang?: string;
|
|
max?: number | string;
|
|
media?: string;
|
|
method?: string;
|
|
min?: number | string;
|
|
name?: string;
|
|
style?: {
|
|
[key: string]: string | undefined;
|
|
};
|
|
target?: string;
|
|
type?: string;
|
|
width?: number | string;
|
|
role?: string;
|
|
tabindex?: number;
|
|
'accent-height'?: number | string;
|
|
accumulate?: 'none' | 'sum';
|
|
additive?: 'replace' | 'sum';
|
|
'alignment-baseline'?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
|
|
allowReorder?: 'no' | 'yes';
|
|
alphabetic?: number | string;
|
|
amplitude?: number | string;
|
|
'arabic-form'?: 'initial' | 'medial' | 'terminal' | 'isolated';
|
|
ascent?: number | string;
|
|
attributeName?: string;
|
|
attributeType?: string;
|
|
autoReverse?: number | string;
|
|
azimuth?: number | string;
|
|
baseFrequency?: number | string;
|
|
'baseline-shift'?: number | string;
|
|
baseProfile?: number | string;
|
|
bbox?: number | string;
|
|
begin?: number | string;
|
|
bias?: number | string;
|
|
by?: number | string;
|
|
calcMode?: number | string;
|
|
'cap-height'?: number | string;
|
|
clip?: number | string;
|
|
'clip-path'?: string;
|
|
clipPathUnits?: number | string;
|
|
'clip-rule'?: number | string;
|
|
'color-interpolation'?: number | string;
|
|
'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
|
|
'color-profile'?: number | string;
|
|
'color-rendering'?: number | string;
|
|
contentScriptType?: number | string;
|
|
contentStyleType?: number | string;
|
|
cursor?: number | string;
|
|
cx?: number | string;
|
|
cy?: number | string;
|
|
d?: string;
|
|
decelerate?: number | string;
|
|
descent?: number | string;
|
|
diffuseConstant?: number | string;
|
|
direction?: number | string;
|
|
display?: number | string;
|
|
divisor?: number | string;
|
|
'dominant-baseline'?: number | string;
|
|
dur?: number | string;
|
|
dx?: number | string;
|
|
dy?: number | string;
|
|
'edge-mode'?: number | string;
|
|
elevation?: number | string;
|
|
'enable-background'?: number | string;
|
|
end?: number | string;
|
|
exponent?: number | string;
|
|
externalResourcesRequired?: number | string;
|
|
fill?: string;
|
|
'fill-opacity'?: number | string;
|
|
'fill-rule'?: 'nonzero' | 'evenodd' | 'inherit';
|
|
filter?: string;
|
|
filterRes?: number | string;
|
|
filterUnits?: number | string;
|
|
'flood-color'?: number | string;
|
|
'flood-opacity'?: number | string;
|
|
focusable?: number | string;
|
|
'font-family'?: string;
|
|
'font-size'?: number | string;
|
|
'font-size-adjust'?: number | string;
|
|
'font-stretch'?: number | string;
|
|
'font-style'?: number | string;
|
|
'font-variant'?: number | string;
|
|
'font-weight'?: number | string;
|
|
format?: number | string;
|
|
from?: number | string;
|
|
fx?: number | string;
|
|
fy?: number | string;
|
|
g1?: number | string;
|
|
g2?: number | string;
|
|
'glyph-name'?: number | string;
|
|
'glyph-orientation-horizontal'?: number | string;
|
|
'glyph-orientation-vertical'?: number | string;
|
|
glyphRef?: number | string;
|
|
gradientTransform?: string;
|
|
gradientUnits?: string;
|
|
hanging?: number | string;
|
|
'horiz-adv-x'?: number | string;
|
|
'horiz-origin-x'?: number | string;
|
|
href?: string;
|
|
ideographic?: number | string;
|
|
'image-rendering'?: number | string;
|
|
in2?: number | string;
|
|
in?: string;
|
|
intercept?: number | string;
|
|
k1?: number | string;
|
|
k2?: number | string;
|
|
k3?: number | string;
|
|
k4?: number | string;
|
|
k?: number | string;
|
|
kernelMatrix?: number | string;
|
|
kernelUnitLength?: number | string;
|
|
kerning?: number | string;
|
|
keyPoints?: number | string;
|
|
keySplines?: number | string;
|
|
keyTimes?: number | string;
|
|
lengthAdjust?: number | string;
|
|
'letter-spacing'?: number | string;
|
|
'lighting-color'?: number | string;
|
|
limitingConeAngle?: number | string;
|
|
local?: number | string;
|
|
'marker-end'?: string;
|
|
markerHeight?: number | string;
|
|
'marker-mid'?: string;
|
|
'marker-start'?: string;
|
|
markerUnits?: number | string;
|
|
markerWidth?: number | string;
|
|
mask?: string;
|
|
maskContentUnits?: number | string;
|
|
maskUnits?: number | string;
|
|
mathematical?: number | string;
|
|
mode?: number | string;
|
|
numOctaves?: number | string;
|
|
offset?: number | string;
|
|
opacity?: number | string;
|
|
operator?: number | string;
|
|
order?: number | string;
|
|
orient?: number | string;
|
|
orientation?: number | string;
|
|
origin?: number | string;
|
|
overflow?: number | string;
|
|
'overline-position'?: number | string;
|
|
'overline-thickness'?: number | string;
|
|
'paint-order'?: number | string;
|
|
panose1?: number | string;
|
|
pathLength?: number | string;
|
|
patternContentUnits?: string;
|
|
patternTransform?: number | string;
|
|
patternUnits?: string;
|
|
'pointer-events'?: number | string;
|
|
points?: string;
|
|
pointsAtX?: number | string;
|
|
pointsAtY?: number | string;
|
|
pointsAtZ?: number | string;
|
|
preserveAlpha?: number | string;
|
|
preserveAspectRatio?: string;
|
|
primitiveUnits?: number | string;
|
|
r?: number | string;
|
|
radius?: number | string;
|
|
refX?: number | string;
|
|
refY?: number | string;
|
|
'rendering-intent'?: number | string;
|
|
repeatCount?: number | string;
|
|
repeatDur?: number | string;
|
|
requiredextensions?: number | string;
|
|
requiredFeatures?: number | string;
|
|
restart?: number | string;
|
|
result?: string;
|
|
rotate?: number | string;
|
|
rx?: number | string;
|
|
ry?: number | string;
|
|
scale?: number | string;
|
|
seed?: number | string;
|
|
'shape-rendering'?: number | string;
|
|
slope?: number | string;
|
|
spacing?: number | string;
|
|
specularConstant?: number | string;
|
|
specularExponent?: number | string;
|
|
speed?: number | string;
|
|
spreadMethod?: string;
|
|
startOffset?: number | string;
|
|
stdDeviation?: number | string;
|
|
stemh?: number | string;
|
|
stemv?: number | string;
|
|
stitchTiles?: number | string;
|
|
'stop-color'?: string;
|
|
'stop-opacity'?: number | string;
|
|
'strikethrough-position'?: number | string;
|
|
'strikethrough-thickness'?: number | string;
|
|
string?: number | string;
|
|
stroke?: string;
|
|
'stroke-dasharray'?: string | number;
|
|
'stroke-dashoffset'?: string | number;
|
|
'stroke-linecap'?: 'butt' | 'round' | 'square' | 'inherit';
|
|
'stroke-linejoin'?: 'miter' | 'round' | 'bevel' | 'inherit';
|
|
'stroke-miterlimit'?: string;
|
|
'stroke-opacity'?: number | string;
|
|
'stroke-width'?: number | string;
|
|
surfaceScale?: number | string;
|
|
systemLanguage?: number | string;
|
|
tableValues?: number | string;
|
|
targetX?: number | string;
|
|
targetY?: number | string;
|
|
'text-anchor'?: string;
|
|
'text-decoration'?: number | string;
|
|
textLength?: number | string;
|
|
'text-rendering'?: number | string;
|
|
to?: number | string;
|
|
transform?: string;
|
|
u1?: number | string;
|
|
u2?: number | string;
|
|
'underline-position'?: number | string;
|
|
'underline-thickness'?: number | string;
|
|
unicode?: number | string;
|
|
'unicode-bidi'?: number | string;
|
|
'unicode-range'?: number | string;
|
|
'units-per-em'?: number | string;
|
|
'v-alphabetic'?: number | string;
|
|
values?: string;
|
|
'vector-effect'?: number | string;
|
|
version?: string;
|
|
'vert-adv-y'?: number | string;
|
|
'vert-origin-x'?: number | string;
|
|
'vert-origin-y'?: number | string;
|
|
'v-hanging'?: number | string;
|
|
'v-ideographic'?: number | string;
|
|
viewBox?: string;
|
|
viewTarget?: number | string;
|
|
visibility?: number | string;
|
|
'v-mathematical'?: number | string;
|
|
widths?: number | string;
|
|
'word-spacing'?: number | string;
|
|
'writing-mode'?: number | string;
|
|
x1?: number | string;
|
|
x2?: number | string;
|
|
x?: number | string;
|
|
'x-channel-selector'?: string;
|
|
'x-height'?: number | string;
|
|
xlinkActuate?: string;
|
|
xlinkArcrole?: string;
|
|
xlinkHref?: string;
|
|
xlinkRole?: string;
|
|
xlinkShow?: string;
|
|
xlinkTitle?: string;
|
|
xlinkType?: string;
|
|
xmlBase?: string;
|
|
xmlLang?: string;
|
|
xmlns?: string;
|
|
xmlSpace?: string;
|
|
y1?: number | string;
|
|
y2?: number | string;
|
|
y?: number | string;
|
|
yChannelSelector?: string;
|
|
z?: number | string;
|
|
zoomAndPan?: string;
|
|
}
|
|
interface DOMAttributes<T> extends JSXAttributes<T> {
|
|
slot?: string;
|
|
part?: string;
|
|
exportparts?: string;
|
|
onCopy?: (event: ClipboardEvent) => void;
|
|
onCopyCapture?: (event: ClipboardEvent) => void;
|
|
onCut?: (event: ClipboardEvent) => void;
|
|
onCutCapture?: (event: ClipboardEvent) => void;
|
|
onPaste?: (event: ClipboardEvent) => void;
|
|
onPasteCapture?: (event: ClipboardEvent) => void;
|
|
onCompositionEnd?: (event: CompositionEvent) => void;
|
|
onCompositionEndCapture?: (event: CompositionEvent) => void;
|
|
onCompositionStart?: (event: CompositionEvent) => void;
|
|
onCompositionStartCapture?: (event: CompositionEvent) => void;
|
|
onCompositionUpdate?: (event: CompositionEvent) => void;
|
|
onCompositionUpdateCapture?: (event: CompositionEvent) => void;
|
|
onFocus?: (event: FocusEvent) => void;
|
|
onFocusCapture?: (event: FocusEvent) => void;
|
|
onFocusin?: (event: FocusEvent) => void;
|
|
onFocusinCapture?: (event: FocusEvent) => void;
|
|
onFocusout?: (event: FocusEvent) => void;
|
|
onFocusoutCapture?: (event: FocusEvent) => void;
|
|
onBlur?: (event: FocusEvent) => void;
|
|
onBlurCapture?: (event: FocusEvent) => void;
|
|
onChange?: (event: Event) => void;
|
|
onChangeCapture?: (event: Event) => void;
|
|
onInput?: (event: Event) => void;
|
|
onInputCapture?: (event: Event) => void;
|
|
onReset?: (event: Event) => void;
|
|
onResetCapture?: (event: Event) => void;
|
|
onSubmit?: (event: Event) => void;
|
|
onSubmitCapture?: (event: Event) => void;
|
|
onInvalid?: (event: Event) => void;
|
|
onInvalidCapture?: (event: Event) => void;
|
|
onLoad?: (event: Event) => void;
|
|
onLoadCapture?: (event: Event) => void;
|
|
onError?: (event: Event) => void;
|
|
onErrorCapture?: (event: Event) => void;
|
|
onKeyDown?: (event: KeyboardEvent) => void;
|
|
onKeyDownCapture?: (event: KeyboardEvent) => void;
|
|
onKeyPress?: (event: KeyboardEvent) => void;
|
|
onKeyPressCapture?: (event: KeyboardEvent) => void;
|
|
onKeyUp?: (event: KeyboardEvent) => void;
|
|
onKeyUpCapture?: (event: KeyboardEvent) => void;
|
|
onAuxClick?: (event: MouseEvent) => void;
|
|
onClick?: (event: MouseEvent) => void;
|
|
onClickCapture?: (event: MouseEvent) => void;
|
|
onContextMenu?: (event: MouseEvent) => void;
|
|
onContextMenuCapture?: (event: MouseEvent) => void;
|
|
onDblClick?: (event: MouseEvent) => void;
|
|
onDblClickCapture?: (event: MouseEvent) => void;
|
|
onDrag?: (event: DragEvent) => void;
|
|
onDragCapture?: (event: DragEvent) => void;
|
|
onDragEnd?: (event: DragEvent) => void;
|
|
onDragEndCapture?: (event: DragEvent) => void;
|
|
onDragEnter?: (event: DragEvent) => void;
|
|
onDragEnterCapture?: (event: DragEvent) => void;
|
|
onDragExit?: (event: DragEvent) => void;
|
|
onDragExitCapture?: (event: DragEvent) => void;
|
|
onDragLeave?: (event: DragEvent) => void;
|
|
onDragLeaveCapture?: (event: DragEvent) => void;
|
|
onDragOver?: (event: DragEvent) => void;
|
|
onDragOverCapture?: (event: DragEvent) => void;
|
|
onDragStart?: (event: DragEvent) => void;
|
|
onDragStartCapture?: (event: DragEvent) => void;
|
|
onDrop?: (event: DragEvent) => void;
|
|
onDropCapture?: (event: DragEvent) => void;
|
|
onMouseDown?: (event: MouseEvent) => void;
|
|
onMouseDownCapture?: (event: MouseEvent) => void;
|
|
onMouseEnter?: (event: MouseEvent) => void;
|
|
onMouseLeave?: (event: MouseEvent) => void;
|
|
onMouseMove?: (event: MouseEvent) => void;
|
|
onMouseMoveCapture?: (event: MouseEvent) => void;
|
|
onMouseOut?: (event: MouseEvent) => void;
|
|
onMouseOutCapture?: (event: MouseEvent) => void;
|
|
onMouseOver?: (event: MouseEvent) => void;
|
|
onMouseOverCapture?: (event: MouseEvent) => void;
|
|
onMouseUp?: (event: MouseEvent) => void;
|
|
onMouseUpCapture?: (event: MouseEvent) => void;
|
|
onTouchCancel?: (event: TouchEvent) => void;
|
|
onTouchCancelCapture?: (event: TouchEvent) => void;
|
|
onTouchEnd?: (event: TouchEvent) => void;
|
|
onTouchEndCapture?: (event: TouchEvent) => void;
|
|
onTouchMove?: (event: TouchEvent) => void;
|
|
onTouchMoveCapture?: (event: TouchEvent) => void;
|
|
onTouchStart?: (event: TouchEvent) => void;
|
|
onTouchStartCapture?: (event: TouchEvent) => void;
|
|
onPointerDown?: (event: PointerEvent) => void;
|
|
onPointerDownCapture?: (event: PointerEvent) => void;
|
|
onPointerMove?: (event: PointerEvent) => void;
|
|
onPointerMoveCapture?: (event: PointerEvent) => void;
|
|
onPointerUp?: (event: PointerEvent) => void;
|
|
onPointerUpCapture?: (event: PointerEvent) => void;
|
|
onPointerCancel?: (event: PointerEvent) => void;
|
|
onPointerCancelCapture?: (event: PointerEvent) => void;
|
|
onPointerEnter?: (event: PointerEvent) => void;
|
|
onPointerEnterCapture?: (event: PointerEvent) => void;
|
|
onPointerLeave?: (event: PointerEvent) => void;
|
|
onPointerLeaveCapture?: (event: PointerEvent) => void;
|
|
onPointerOver?: (event: PointerEvent) => void;
|
|
onPointerOverCapture?: (event: PointerEvent) => void;
|
|
onPointerOut?: (event: PointerEvent) => void;
|
|
onPointerOutCapture?: (event: PointerEvent) => void;
|
|
onGotPointerCapture?: (event: PointerEvent) => void;
|
|
onGotPointerCaptureCapture?: (event: PointerEvent) => void;
|
|
onLostPointerCapture?: (event: PointerEvent) => void;
|
|
onLostPointerCaptureCapture?: (event: PointerEvent) => void;
|
|
onScroll?: (event: UIEvent) => void;
|
|
onScrollCapture?: (event: UIEvent) => void;
|
|
onWheel?: (event: WheelEvent) => void;
|
|
onWheelCapture?: (event: WheelEvent) => void;
|
|
onAnimationStart?: (event: AnimationEvent) => void;
|
|
onAnimationStartCapture?: (event: AnimationEvent) => void;
|
|
onAnimationEnd?: (event: AnimationEvent) => void;
|
|
onAnimationEndCapture?: (event: AnimationEvent) => void;
|
|
onAnimationIteration?: (event: AnimationEvent) => void;
|
|
onAnimationIterationCapture?: (event: AnimationEvent) => void;
|
|
onTransitionEnd?: (event: TransitionEvent) => void;
|
|
onTransitionEndCapture?: (event: TransitionEvent) => void;
|
|
}
|
|
}
|
|
export interface JSXAttributes<T = Element> {
|
|
key?: string | number;
|
|
ref?: (elm?: T) => void;
|
|
}
|
|
export interface CustomElementsDefineOptions {
|
|
exclude?: string[];
|
|
resourcesUrl?: string;
|
|
syncQueue?: boolean;
|
|
transformTagName?: (tagName: string) => string;
|
|
jmp?: (c: Function) => any;
|
|
raf?: (c: FrameRequestCallback) => number;
|
|
ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
ce?: (eventName: string, opts?: any) => CustomEvent;
|
|
}
|