import type { DelegatedEventCallback, ListenerConfig } from "./events.js"; import type { Template as JSXTemplate } from "./JSX.js"; import type { PropertyConfig, PropertyObserver } from "./property.js"; import type { Realm } from "./Realm.js"; export declare namespace HTML { export class Element extends globalThis.HTMLElement { /** * The tag name of the extended builtin element. */ static readonly tagName?: string; /** * An array containing the names of the attributes to observe. */ static readonly observedAttributes?: string[]; /** * Component global stylesheets. */ static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[]; /** * Define component properties. */ static readonly properties?: { [key: string]: PropertyConfig; }; /** * Define component listeners. */ static readonly listeners?: { [key: string]: ListenerConfig; }; /** * The defined component name. * For autonomous custom elements, this is the tag name. */ readonly is: string; /** * A list of slot nodes. */ readonly slotChildNodes: Node[]; /** * The realm instance of the component. */ readonly realm: Realm; /** * Create a new Component instance. * @param node Instantiate the element using the given node instead of creating a new one. * @param properties A set of initial properties for the element. */ constructor(node?: HTMLElement); /** * Get slotted nodes by slot name. * @param name The name of the slot. * @returns A list of nodes. */ childNodesBySlot(name?: string | null): Node[]; /** * The callback for initialized components. * It runs once when the component is created, at the end of the constructor. */ initialize(): void; /** * Invoked each time the element is appended into a document-connected element. * This will happen each time the node is moved, and may happen before the element's contents have been fully parsed. */ connectedCallback(): void; /** * Invoked each time the element is disconnected from the document's DOM. */ disconnectedCallback(): void; /** * Invoked each time one of the elements's attributes is added, removed, or changed. * * @param attributeName The name of the updated attribute. * @param oldValue The previous value of the attribute. * @param newValue The new value for the attribute (null if removed). * @param namespace Attribute namespace. */ attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void; /** * Invoked each time one of a Component's state property is setted, removed, or changed. * * @param propertyName The name of the changed property. * @param oldValue The previous value of the property. * @param newValue The new value for the property (undefined if removed). */ stateChangedCallback
(propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void; /** * Invoked each time the component has been updated. */ updatedCallback(): void; /** * Invoked each time the component child list is changed. */ childListChangedCallback(): void; /** * Invoked each time one of a Component's property is setted, removed, or changed. * * @param propertyName The name of the changed property. * @param oldValue The previous value of the property. * @param newValue The new value for the property (undefined if removed). */ propertyChangedCallback
(propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void; /** * Get the inner value of a property. * This is an helper method for properties getters and setters. * @param propertyName The name of the property to get. * @returns The inner value of the property. */ getInnerPropertyValue
(propertyName: P): this[P]; /** * Set the inner value of a property. * This is an helper method for properties getters and setters. * @param propertyName The name of the property to get. * @param value The inner value to set. */ setInnerPropertyValue
(propertyName: P, value: this[P]): void; /** * Observe a Component Property. * * @param propertyName The name of the Property to observe * @param observer The callback function */ observe
(propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Anchor extends globalThis.HTMLAnchorElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLAnchorElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Area extends globalThis.HTMLAreaElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLAreaElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Audio extends globalThis.HTMLAudioElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLAudioElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Base extends globalThis.HTMLBaseElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLBaseElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Quote extends globalThis.HTMLQuoteElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLQuoteElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Body extends globalThis.HTMLBodyElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLBodyElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class BR extends globalThis.HTMLBRElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLBRElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Button extends globalThis.HTMLButtonElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLButtonElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Canvas extends globalThis.HTMLCanvasElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLCanvasElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class TableCaption extends globalThis.HTMLTableCaptionElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLTableCaptionElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class TableCol extends globalThis.HTMLTableColElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLTableColElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Data extends globalThis.HTMLDataElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDataElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class DataList extends globalThis.HTMLDataListElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDataListElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Mod extends globalThis.HTMLModElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLModElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Details extends globalThis.HTMLDetailsElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDetailsElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Dialog extends globalThis.HTMLDialogElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDialogElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Directory extends globalThis.HTMLDirectoryElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDirectoryElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Div extends globalThis.HTMLDivElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDivElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class DList extends globalThis.HTMLDListElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLDListElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Embed extends globalThis.HTMLEmbedElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLEmbedElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class FieldSet extends globalThis.HTMLFieldSetElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLFieldSetElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Font extends globalThis.HTMLFontElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLFontElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Form extends globalThis.HTMLFormElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLFormElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Frame extends globalThis.HTMLFrameElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLFrameElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class FrameSet extends globalThis.HTMLFrameSetElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLFrameSetElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Heading extends globalThis.HTMLHeadingElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLHeadingElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Head extends globalThis.HTMLHeadElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLHeadElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class HR extends globalThis.HTMLHRElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLHRElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class IFrame extends globalThis.HTMLIFrameElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLIFrameElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Image extends globalThis.HTMLImageElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLImageElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Input extends globalThis.HTMLInputElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLInputElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Label extends globalThis.HTMLLabelElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLLabelElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Legend extends globalThis.HTMLLegendElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLLegendElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class LI extends globalThis.HTMLLIElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLLIElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Link extends globalThis.HTMLLinkElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLLinkElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Map extends globalThis.HTMLMapElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLMapElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Marquee extends globalThis.HTMLMarqueeElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLMarqueeElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Menu extends globalThis.HTMLMenuElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLMenuElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Meta extends globalThis.HTMLMetaElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLMetaElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Meter extends globalThis.HTMLMeterElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLMeterElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class Object extends globalThis.HTMLObjectElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLObjectElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): boolean;
/**
* Request an element to re-render.
*
* @returns True if a re-render has been triggered.
*/
requestUpdate(): boolean;
/**
* Force an element to re-render.
*/
forceUpdate(): void;
/**
* Start collecting updates.
*/
collectUpdatesStart(): void;
/**
* Stop collecting updates and run a single re-render, if needed.
* @returns True if a re-render has been triggered.
*/
collectUpdatesEnd(): boolean;
/**
* Assign properties to the component.
* It runs a single re-render after the assignment.
* @param props The properties to assign.
* @returns The component instance.
*/
assign(props: object): this;
/**
* Generate a unique ID for the component instance.
* @param suffixex A list of suffixes to append to the generated ID.
* @return A unique identifier string.
*/
getUniqueId(...suffixex: string[]): string;
}
export class OList extends globalThis.HTMLOListElement {
/**
* The tag name of the extended builtin element.
*/
static readonly tagName?: string;
/**
* An array containing the names of the attributes to observe.
*/
static readonly observedAttributes?: string[];
/**
* Component global stylesheets.
*/
static readonly globalStyles?: string | CSSStyleSheet | (CSSStyleSheet | string)[];
/**
* Define component properties.
*/
static readonly properties?: {
[key: string]: PropertyConfig;
};
/**
* Define component listeners.
*/
static readonly listeners?: {
[key: string]: ListenerConfig;
};
/**
* The defined component name.
* For autonomous custom elements, this is the tag name.
*/
readonly is: string;
/**
* A list of slot nodes.
*/
readonly slotChildNodes: Node[];
/**
* The realm instance of the component.
*/
readonly realm: Realm;
/**
* Create a new Component instance.
* @param node Instantiate the element using the given node instead of creating a new one.
* @param properties A set of initial properties for the element.
*/
constructor(node?: HTMLOListElement);
/**
* Get slotted nodes by slot name.
* @param name The name of the slot.
* @returns A list of nodes.
*/
childNodesBySlot(name?: string | null): Node[];
/**
* The callback for initialized components.
* It runs once when the component is created, at the end of the constructor.
*/
initialize(): void;
/**
* Invoked each time the element is appended into a document-connected element.
* This will happen each time the node is moved, and may happen before the element's contents have been fully parsed.
*/
connectedCallback(): void;
/**
* Invoked each time the element is disconnected from the document's DOM.
*/
disconnectedCallback(): void;
/**
* Invoked each time one of the elements's attributes is added, removed, or changed.
*
* @param attributeName The name of the updated attribute.
* @param oldValue The previous value of the attribute.
* @param newValue The new value for the attribute (null if removed).
* @param namespace Attribute namespace.
*/
attributeChangedCallback(attrName: string, oldValue: null | string, newValue: null | string, namespace?: null | string): void;
/**
* Invoked each time one of a Component's state property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
stateChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Invoked each time the component has been updated.
*/
updatedCallback(): void;
/**
* Invoked each time the component child list is changed.
*/
childListChangedCallback(): void;
/**
* Invoked each time one of a Component's property is setted, removed, or changed.
*
* @param propertyName The name of the changed property.
* @param oldValue The previous value of the property.
* @param newValue The new value for the property (undefined if removed).
*/
propertyChangedCallback (propertyName: P, oldValue: this[P] | undefined, newValue: this[P]): void;
/**
* Get the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @returns The inner value of the property.
*/
getInnerPropertyValue (propertyName: P): this[P];
/**
* Set the inner value of a property.
* This is an helper method for properties getters and setters.
* @param propertyName The name of the property to get.
* @param value The inner value to set.
*/
setInnerPropertyValue (propertyName: P, value: this[P]): void;
/**
* Observe a Component Property.
*
* @param propertyName The name of the Property to observe
* @param observer The callback function
*/
observe (propertyName: P, observer: PropertyObserver (propertyName: P, observer: PropertyObserver