mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-07-29 07:00:16 +02:00
⚡ dde and docs improvements (#27)
* ⚡ 🎉 * ⚡ wip * 🔤 * ⚡ wip * ⚡ wip * ⚡ Refatc signals to .get/.set syntax #26 * 🐛 Better types for on* * 🔤 * 🔤 * 🐛 coumputed signal * 🔤 ⚡ Docs UI/UX * ⚡ 🔤 UI enhancements * ⚡ (bs) (un)min * 🔤 adds debugging * 🔤 ssr * 🔤 * ⚡ bs/lint * 🔤 * 🔤 UI * 🔤 updates texts * 🔤UI * ⚡ dispatch * 🔤 events * 🔤 elements * 🔤 intro * 🐛 fixes completitions for el with components * 🐛 wrong file(s) in git * 🔤 logo * 🐛 🔤 types 3ps * 🔤 ui/ux * 🔤 * 🔤 * 🔤 scopes * 🔤 * 🔤 ui/ux * 🔤 * ⚡ issignal * 🔤 improvemens * ⚡ irelands * 🔤 UI/UX/wording * 🐛 npx-hint [Scrollable region must have keyboard access | Axe Rules | Deque University | Deque Systems](https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI) * 🔤 logos * ⚡ better? dts builds * Update README.md
This commit is contained in:
GitHub
905
dist/esm.d.ts
vendored
905
dist/esm.d.ts
vendored
@@ -1,46 +1,118 @@
|
||||
declare global{ /* ddeSignal */ }
|
||||
type CustomElementTagNameMap= { '#text': Text, '#comment': Comment }
|
||||
type SupportedElement=
|
||||
HTMLElementTagNameMap[keyof HTMLElementTagNameMap]
|
||||
| SVGElementTagNameMap[keyof SVGElementTagNameMap]
|
||||
| MathMLElementTagNameMap[keyof MathMLElementTagNameMap]
|
||||
| CustomElementTagNameMap[keyof CustomElementTagNameMap]
|
||||
declare global {
|
||||
type ddeComponentAttributes= Record<any, any> | undefined;
|
||||
type ddeElementAddon<El extends SupportedElement | DocumentFragment | Node>= (element: El)=> any;
|
||||
type ddeString= string | ddeSignal<string>
|
||||
type ddeStringable= ddeString | number | ddeSignal<number>
|
||||
// Generated by dts-bundle-generator v9.5.1
|
||||
|
||||
export interface Signal<V, A> {
|
||||
/** The current value of the signal */
|
||||
get(): V;
|
||||
/** Set new value of the signal */
|
||||
set(value: V): V;
|
||||
toJSON(): V;
|
||||
valueOf(): V;
|
||||
}
|
||||
type PascalCase=
|
||||
`${Capitalize<string>}${string}`;
|
||||
type AttrsModified= {
|
||||
export type Action<V> = (this: {
|
||||
value: V;
|
||||
stopPropagation(): void;
|
||||
}, ...a: any[]) => typeof signal._ | void;
|
||||
//type SymbolSignal= Symbol;
|
||||
export type SymbolOnclear = symbol;
|
||||
export type Actions<V> = Record<string | SymbolOnclear, Action<V>>;
|
||||
export type OnListenerOptions = Pick<AddEventListenerOptions, "signal"> & {
|
||||
first_time?: boolean;
|
||||
};
|
||||
export interface signal {
|
||||
_: Symbol;
|
||||
/**
|
||||
* Computations signal. This creates a signal which is computed from other signals.
|
||||
* */
|
||||
<V extends () => any>(computation: V): Signal<ReturnType<V>, {}>;
|
||||
/**
|
||||
* Simple example:
|
||||
* ```js
|
||||
* const hello= S("Hello Signal");
|
||||
* ```
|
||||
* …simple todo signal:
|
||||
* ```js
|
||||
* const todos= S([], {
|
||||
* add(v){ this.value.push(S(v)); },
|
||||
* remove(i){ this.value.splice(i, 1); },
|
||||
* [S.symbols.onclear](){ S.clear(...this.value); },
|
||||
* });
|
||||
* ```
|
||||
* …computed signal:
|
||||
* ```js
|
||||
* const name= S("Jan");
|
||||
* const surname= S("Andrle");
|
||||
* const fullname= S(()=> name.get()+" "+surname.get());
|
||||
* ```
|
||||
* @param value Initial signal value. Or function computing value from other signals.
|
||||
* @param actions Use to define actions on the signal. Such as add item to the array.
|
||||
* There is also a reserved function `S.symbol.onclear` which is called when the signal is cleared
|
||||
* by `S.clear`.
|
||||
* */
|
||||
<V, A extends Actions<V>>(value: V, actions?: A): Signal<V, A>;
|
||||
action<S extends Signal<any, Actions<any>>, A extends (S extends Signal<any, infer A> ? A : never), N extends keyof A>(signal: S, name: N, ...params: A[N] extends (...args: infer P) => any ? P : never): void;
|
||||
clear(...signals: Signal<any, any>[]): void;
|
||||
on<T>(signal: Signal<T, any>, onchange: (a: T) => void, options?: OnListenerOptions): void;
|
||||
symbols: {
|
||||
//signal: SymbolSignal;
|
||||
onclear: SymbolOnclear;
|
||||
};
|
||||
/**
|
||||
* Reactive element, which is rendered based on the given signal.
|
||||
* ```js
|
||||
* S.el(signal, value=> value ? el("b", "True") : el("i", "False"));
|
||||
* S.el(listS, list=> list.map(li=> el("li", li)));
|
||||
* ```
|
||||
* */
|
||||
el<S extends any>(signal: Signal<S, any>, el: (v: S) => Element | Element[] | DocumentFragment): DocumentFragment;
|
||||
observedAttributes(custom_element: HTMLElement): Record<string, Signal<string, {}>>;
|
||||
}
|
||||
declare const signal: signal;
|
||||
declare global {
|
||||
type ddeSignal<T, A = {}> = Signal<T, A>;
|
||||
type ddeAction<V> = Action<V>;
|
||||
type ddeActions<V> = Actions<V>;
|
||||
}
|
||||
export type CustomElementTagNameMap = {
|
||||
"#text": Text;
|
||||
"#comment": Comment;
|
||||
};
|
||||
export type SupportedElement = HTMLElementTagNameMap[keyof HTMLElementTagNameMap] | SVGElementTagNameMap[keyof SVGElementTagNameMap] | MathMLElementTagNameMap[keyof MathMLElementTagNameMap] | CustomElementTagNameMap[keyof CustomElementTagNameMap];
|
||||
declare global {
|
||||
type ddeComponentAttributes = Record<any, any> | undefined;
|
||||
type ddeElementAddon<El extends SupportedElement | DocumentFragment | Node> = (element: El) => any;
|
||||
type ddeString = string | Signal<string, {}>;
|
||||
type ddeStringable = ddeString | number | Signal<number, {}>;
|
||||
}
|
||||
export type PascalCase = `${Capitalize<string>}${string}`;
|
||||
export type AttrsModified = {
|
||||
/**
|
||||
* Use string like in HTML (internally uses `*.setAttribute("style", *)`), or object representation (like DOM API).
|
||||
*/
|
||||
style: Partial<CSSStyleDeclaration> | ddeString
|
||||
| Partial<{ [K in keyof CSSStyleDeclaration]: ddeSignal<CSSStyleDeclaration[K]> }>
|
||||
style: Partial<CSSStyleDeclaration> | ddeString | Partial<{
|
||||
[K in keyof CSSStyleDeclaration]: Signal<CSSStyleDeclaration[K], {}>;
|
||||
}>;
|
||||
/**
|
||||
* Provide option to add/remove/toggle CSS clasess (index of object) using 1/0/-1.
|
||||
* In fact `el.classList.toggle(class_name)` for `-1` and `el.classList.toggle(class_name, Boolean(...))`
|
||||
* for others.
|
||||
*/
|
||||
classList: Record<string,-1|0|1|boolean|ddeSignal<-1|0|1|boolean>>,
|
||||
classList: Record<string, -1 | 0 | 1 | boolean | Signal<-1 | 0 | 1 | boolean, {}>>;
|
||||
/**
|
||||
* Used by the dataset HTML attribute to represent data for custom attributes added to elements.
|
||||
* Values are converted to string (see {@link DOMStringMap}).
|
||||
*
|
||||
* [MDN Reference](https://developer.mozilla.org/docs/Web/API/DOMStringMap)
|
||||
* */
|
||||
dataset: Record<string, ddeStringable>,
|
||||
dataset: Record<string, ddeStringable>;
|
||||
/**
|
||||
* Sets `aria-*` simiraly to `dataset`
|
||||
* */
|
||||
ariaset: Record<string, ddeString>,
|
||||
} & Record<`=${string}` | `data${PascalCase}` | `aria${PascalCase}`, ddeString>
|
||||
& Record<`.${string}`, any>
|
||||
type _fromElsInterfaces<EL extends SupportedElement>= Omit<EL, keyof AttrsModified>;
|
||||
type IsReadonly<T, K extends keyof T> =
|
||||
T extends { readonly [P in K]: T[K] } ? true : false;
|
||||
ariaset: Record<string, ddeString>;
|
||||
} & Record<`=${string}` | `data${PascalCase}` | `aria${PascalCase}`, ddeString> & Record<`.${string}`, any>;
|
||||
export type _fromElsInterfaces<EL extends SupportedElement> = Omit<EL, keyof AttrsModified>;
|
||||
export type IsReadonly<T, K extends keyof T> = T extends {
|
||||
readonly [P in K]: T[K];
|
||||
} ? true : false;
|
||||
/**
|
||||
* Just element attributtes
|
||||
*
|
||||
@@ -51,199 +123,132 @@ type IsReadonly<T, K extends keyof T> =
|
||||
* There is added support for `data[A-Z].*`/`aria[A-Z].*` to be converted to the kebab-case alternatives.
|
||||
* @private
|
||||
*/
|
||||
type ElementAttributes<T extends SupportedElement>= Partial<{
|
||||
[K in keyof _fromElsInterfaces<T>]: IsReadonly<_fromElsInterfaces<T>, K> extends false
|
||||
? _fromElsInterfaces<T>[K] | ddeSignal<_fromElsInterfaces<T>[K]>
|
||||
: ddeStringable
|
||||
export type ElementAttributes<T extends SupportedElement> = Partial<{
|
||||
[K in keyof _fromElsInterfaces<T>]: _fromElsInterfaces<T>[K] extends ((...p: any[]) => any) ? _fromElsInterfaces<T>[K] | ((...p: Parameters<_fromElsInterfaces<T>[K]>) => Signal<ReturnType<_fromElsInterfaces<T>[K]>, {}>) : (IsReadonly<_fromElsInterfaces<T>, K> extends false ? _fromElsInterfaces<T>[K] | Signal<_fromElsInterfaces<T>[K], {}> : ddeStringable);
|
||||
} & AttrsModified> & Record<string, any>;
|
||||
export function classListDeclarative<El extends SupportedElement>(
|
||||
element: El,
|
||||
classList: AttrsModified["classList"]
|
||||
): El
|
||||
export function assign<El extends SupportedElement>(element: El, ...attrs_array: ElementAttributes<El>[]): El
|
||||
export function assignAttribute<El extends SupportedElement, ATT extends keyof ElementAttributes<El>>(
|
||||
element: El,
|
||||
attr: ATT,
|
||||
value: ElementAttributes<El>[ATT]
|
||||
): ElementAttributes<El>[ATT]
|
||||
|
||||
type ExtendedHTMLElementTagNameMap= HTMLElementTagNameMap & CustomElementTagNameMap;
|
||||
export function el<
|
||||
TAG extends keyof ExtendedHTMLElementTagNameMap,
|
||||
>(
|
||||
tag_name: TAG,
|
||||
attrs?: ElementAttributes<ExtendedHTMLElementTagNameMap[NoInfer<TAG>]> | ddeStringable,
|
||||
...addons: ddeElementAddon<
|
||||
ExtendedHTMLElementTagNameMap[NoInfer<TAG>]
|
||||
>[], // TODO: for now addons must have the same element
|
||||
): TAG extends keyof ddeHTMLElementTagNameMap ? ddeHTMLElementTagNameMap[TAG] : ddeHTMLElement
|
||||
export function el(
|
||||
tag_name?: "<>",
|
||||
): ddeDocumentFragment
|
||||
export function el(
|
||||
tag_name: string,
|
||||
attrs?: ElementAttributes<HTMLElement> | ddeStringable,
|
||||
...addons: ddeElementAddon<HTMLElement>[]
|
||||
): ddeHTMLElement
|
||||
|
||||
export function el<
|
||||
C extends (attr: ddeComponentAttributes)=> SupportedElement | ddeDocumentFragment
|
||||
>(
|
||||
component: C,
|
||||
attrs?: Parameters<C>[0] | ddeStringable,
|
||||
...addons: ddeElementAddon<ReturnType<C>>[]
|
||||
): ReturnType<C> extends ddeHTMLElementTagNameMap[keyof ddeHTMLElementTagNameMap]
|
||||
? ReturnType<C>
|
||||
: ( ReturnType<C> extends ddeDocumentFragment ? ReturnType<C> : ddeHTMLElement )
|
||||
export { el as createElement }
|
||||
|
||||
export function elNS(
|
||||
namespace: "http://www.w3.org/2000/svg"
|
||||
): <
|
||||
TAG extends keyof SVGElementTagNameMap & string,
|
||||
EL extends ( TAG extends keyof SVGElementTagNameMap ? SVGElementTagNameMap[TAG] : SVGElement ),
|
||||
>(
|
||||
tag_name: TAG,
|
||||
attrs?: ElementAttributes<NoInfer<EL>> | ddeStringable,
|
||||
...addons: ddeElementAddon<NoInfer<EL>>[]
|
||||
)=> TAG extends keyof ddeSVGElementTagNameMap ? ddeSVGElementTagNameMap[TAG] : ddeSVGElement
|
||||
export function elNS(
|
||||
namespace: "http://www.w3.org/1998/Math/MathML"
|
||||
): <
|
||||
TAG extends keyof MathMLElementTagNameMap & string,
|
||||
EL extends ( TAG extends keyof MathMLElementTagNameMap ? MathMLElementTagNameMap[TAG] : MathMLElement ),
|
||||
>(
|
||||
tag_name: TAG,
|
||||
attrs?: ddeStringable | Partial<{
|
||||
[key in keyof EL]: EL[key] | ddeSignal<EL[key]> | string | number | boolean
|
||||
}>,
|
||||
...addons: ddeElementAddon<NoInfer<EL>>[]
|
||||
)=> ddeMathMLElement
|
||||
export function elNS(
|
||||
namespace: string
|
||||
): (
|
||||
tag_name: string,
|
||||
attrs?: string | ddeStringable | Record<string, any>,
|
||||
...addons: ddeElementAddon<SupportedElement>[]
|
||||
)=> SupportedElement
|
||||
export { elNS as createElementNS }
|
||||
|
||||
export function classListDeclarative<El extends SupportedElement>(element: El, classList: AttrsModified["classList"]): El;
|
||||
export function assign<El extends SupportedElement>(element: El, ...attrs_array: ElementAttributes<El>[]): El;
|
||||
export function assignAttribute<El extends SupportedElement, ATT extends keyof ElementAttributes<El>>(element: El, attr: ATT, value: ElementAttributes<El>[ATT]): ElementAttributes<El>[ATT];
|
||||
export type ExtendedHTMLElementTagNameMap = HTMLElementTagNameMap & CustomElementTagNameMap;
|
||||
export namespace el {
|
||||
/**
|
||||
* Creates a marker comment for elements
|
||||
*
|
||||
* @param attrs - Marker attributes
|
||||
* @param [is_open=false] - Whether the marker is open-ended
|
||||
* @returns Comment node marker
|
||||
*/
|
||||
export function mark(attrs: {
|
||||
type: "component" | "reactive" | "later";
|
||||
name?: string;
|
||||
host?: "this" | "parentElement";
|
||||
}, is_open?: boolean): Comment;
|
||||
}
|
||||
export function el<A extends ddeComponentAttributes, EL extends SupportedElement | ddeDocumentFragment>(component: (attr: A, ...rest: any[]) => EL, attrs?: NoInfer<A>, ...addons: ddeElementAddon<EL>[]): EL extends ddeHTMLElementTagNameMap[keyof ddeHTMLElementTagNameMap] ? EL : (EL extends ddeDocumentFragment ? EL : ddeHTMLElement);
|
||||
export function el<A extends {
|
||||
textContent: ddeStringable;
|
||||
}, EL extends SupportedElement | ddeDocumentFragment>(component: (attr: A, ...rest: any[]) => EL, attrs?: NoInfer<A>["textContent"], ...addons: ddeElementAddon<EL>[]): EL extends ddeHTMLElementTagNameMap[keyof ddeHTMLElementTagNameMap] ? EL : (EL extends ddeDocumentFragment ? EL : ddeHTMLElement);
|
||||
export function el<TAG extends keyof ExtendedHTMLElementTagNameMap>(tag_name: TAG, attrs?: ElementAttributes<ExtendedHTMLElementTagNameMap[NoInfer<TAG>]> | ddeStringable, ...addons: ddeElementAddon<ExtendedHTMLElementTagNameMap[NoInfer<TAG>]>[]): TAG extends keyof ddeHTMLElementTagNameMap ? ddeHTMLElementTagNameMap[TAG] : ddeHTMLElement;
|
||||
export function el(tag_name?: "<>"): ddeDocumentFragment;
|
||||
export function el(tag_name: string, attrs?: ElementAttributes<HTMLElement> | ddeStringable, ...addons: ddeElementAddon<HTMLElement>[]): ddeHTMLElement;
|
||||
export function elNS(namespace: "http://www.w3.org/2000/svg"): <TAG extends keyof SVGElementTagNameMap & string, EL extends (TAG extends keyof SVGElementTagNameMap ? SVGElementTagNameMap[TAG] : SVGElement)>(tag_name: TAG, attrs?: ElementAttributes<NoInfer<EL>> | ddeStringable, ...addons: ddeElementAddon<NoInfer<EL>>[]) => TAG extends keyof ddeSVGElementTagNameMap ? ddeSVGElementTagNameMap[TAG] : ddeSVGElement;
|
||||
export function elNS(namespace: "http://www.w3.org/1998/Math/MathML"): <TAG extends keyof MathMLElementTagNameMap & string, EL extends (TAG extends keyof MathMLElementTagNameMap ? MathMLElementTagNameMap[TAG] : MathMLElement)>(tag_name: TAG, attrs?: ddeStringable | Partial<{
|
||||
[key in keyof EL]: EL[key] | Signal<EL[key], {}> | string | number | boolean;
|
||||
}>, ...addons: ddeElementAddon<NoInfer<EL>>[]) => ddeMathMLElement;
|
||||
export function elNS(namespace: string): (tag_name: string, attrs?: string | ddeStringable | Record<string, any>, ...addons: ddeElementAddon<SupportedElement>[]) => SupportedElement;
|
||||
export function chainableAppend<EL extends SupportedElement>(el: EL): EL;
|
||||
/** Simulate slots for ddeComponents */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
root: EL,
|
||||
): EL
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(root: EL): EL;
|
||||
/**
|
||||
* Simulate slots in Custom Elements without using `shadowRoot`.
|
||||
* @param el Custom Element root element
|
||||
* @param body Body of the custom element
|
||||
* */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
el: HTMLElement,
|
||||
body: EL,
|
||||
): EL
|
||||
|
||||
export function dispatchEvent(name: keyof DocumentEventMap | string, options?: EventInit):
|
||||
(element: SupportedElement, data?: any)=> void;
|
||||
export function dispatchEvent(
|
||||
name: keyof DocumentEventMap | string,
|
||||
options: EventInit | null,
|
||||
element: SupportedElement | (()=> SupportedElement)
|
||||
): (data?: any)=> void;
|
||||
interface On{
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(el: HTMLElement, body: EL): EL;
|
||||
declare function dispatchEvent$1(name: keyof DocumentEventMap | string, element: SupportedElement): (data?: any) => void;
|
||||
declare function dispatchEvent$1(name: keyof DocumentEventMap | string, options?: EventInit): (element: SupportedElement, data?: any) => void;
|
||||
declare function dispatchEvent$1(name: keyof DocumentEventMap | string, options: EventInit | null, element: SupportedElement | (() => SupportedElement)): (data?: any) => void;
|
||||
export interface On {
|
||||
/** Listens to the DOM event. See {@link Document.addEventListener} */
|
||||
<
|
||||
Event extends keyof DocumentEventMap,
|
||||
EE extends ddeElementAddon<SupportedElement>= ddeElementAddon<HTMLElement>,
|
||||
>(
|
||||
type: Event,
|
||||
listener: (this: EE extends ddeElementAddon<infer El> ? El : never, ev: DocumentEventMap[Event]) => any,
|
||||
options?: AddEventListenerOptions
|
||||
) : EE;
|
||||
<
|
||||
EE extends ddeElementAddon<SupportedElement>= ddeElementAddon<HTMLElement>,
|
||||
>(
|
||||
type: string,
|
||||
listener: (this: EE extends ddeElementAddon<infer El> ? El : never, ev: Event | CustomEvent ) => any,
|
||||
options?: AddEventListenerOptions
|
||||
) : EE;
|
||||
/** Listens to the element is connected to the live DOM. In case of custom elements uses [`connectedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks), or {@link MutationObserver} else where */// editorconfig-checker-disable-line
|
||||
connected<
|
||||
EE extends ddeElementAddon<SupportedElement>,
|
||||
El extends ( EE extends ddeElementAddon<infer El> ? El : never )
|
||||
>(
|
||||
listener: (this: El, event: CustomEvent<El>) => any,
|
||||
options?: AddEventListenerOptions
|
||||
) : EE;
|
||||
/** Listens to the element is disconnected from the live DOM. In case of custom elements uses [`disconnectedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks), or {@link MutationObserver} else where */// editorconfig-checker-disable-line
|
||||
disconnected<
|
||||
EE extends ddeElementAddon<SupportedElement>,
|
||||
El extends ( EE extends ddeElementAddon<infer El> ? El : never )
|
||||
>(
|
||||
listener: (this: El, event: CustomEvent<void>) => any,
|
||||
options?: AddEventListenerOptions
|
||||
) : EE;
|
||||
/** Listens to the element attribute changes. In case of custom elements uses [`attributeChangedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks), or {@link MutationObserver} else where */// editorconfig-checker-disable-line
|
||||
attributeChanged<
|
||||
EE extends ddeElementAddon<SupportedElement>,
|
||||
El extends ( EE extends ddeElementAddon<infer El> ? El : never )
|
||||
>(
|
||||
listener: (this: El, event: CustomEvent<[ string, string ]>) => any,
|
||||
options?: AddEventListenerOptions
|
||||
) : EE;
|
||||
<Event extends keyof DocumentEventMap, EE extends ddeElementAddon<SupportedElement> = ddeElementAddon<HTMLElement>>(type: Event, listener: (this: EE extends ddeElementAddon<infer El> ? El : never, ev: DocumentEventMap[Event]) => any, options?: AddEventListenerOptions): EE;
|
||||
<EE extends ddeElementAddon<SupportedElement> = ddeElementAddon<HTMLElement>>(type: string, listener: (this: EE extends ddeElementAddon<infer El> ? El : never, ev: Event | CustomEvent) => any, options?: AddEventListenerOptions): EE;
|
||||
/** Listens to the element is connected to the live DOM. In case of custom elements uses [`connectedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks), or {@link MutationObserver} else where */ // editorconfig-checker-disable-line
|
||||
connected<EE extends ddeElementAddon<SupportedElement>, El extends (EE extends ddeElementAddon<infer El> ? El : never)>(listener: (this: El, event: CustomEvent<El>) => any, options?: AddEventListenerOptions): EE;
|
||||
/** Listens to the element is disconnected from the live DOM. In case of custom elements uses [`disconnectedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks), or {@link MutationObserver} else where */ // editorconfig-checker-disable-line
|
||||
disconnected<EE extends ddeElementAddon<SupportedElement>, El extends (EE extends ddeElementAddon<infer El> ? El : never)>(listener: (this: El, event: CustomEvent<void>) => any, options?: AddEventListenerOptions): EE;
|
||||
/** Listens to the element attribute changes. In case of custom elements uses [`attributeChangedCallback`](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#custom_element_lifecycle_callbacks), or {@link MutationObserver} else where */ // editorconfig-checker-disable-line
|
||||
attributeChanged<EE extends ddeElementAddon<SupportedElement>, El extends (EE extends ddeElementAddon<infer El> ? El : never)>(listener: (this: El, event: CustomEvent<[
|
||||
string,
|
||||
string
|
||||
]>) => any, options?: AddEventListenerOptions): EE;
|
||||
}
|
||||
export const on: On;
|
||||
|
||||
type Scope= {
|
||||
scope: Node | Function | Object,
|
||||
host: ddeElementAddon<any>,
|
||||
custom_element: false | HTMLElement,
|
||||
prevent: boolean
|
||||
export type Scope = {
|
||||
scope: Node | Function | Object;
|
||||
host: ddeElementAddon<any>;
|
||||
custom_element: false | HTMLElement;
|
||||
prevent: boolean;
|
||||
};
|
||||
/** Current scope created last time the `el(Function)` was invoke. (Or {@link scope.push}) */
|
||||
export const scope: {
|
||||
current: Scope,
|
||||
current: Scope;
|
||||
/** Stops all automatizations. E. g. signals used as attributes in current scope
|
||||
* registers removing these listeners (and clean signal if no other listeners are detected)
|
||||
* on `disconnected` event. */
|
||||
preventDefault<T extends boolean>(prevent: T): T,
|
||||
preventDefault<T extends boolean>(prevent: T): T;
|
||||
/**
|
||||
* This represents reference to the current host element — `scope.host()`.
|
||||
* It can be also used to register Addon(s) (functions to be called when component is initized)
|
||||
* — `scope.host(on.connected(console.log))`.
|
||||
* */
|
||||
host: (...addons: ddeElementAddon<SupportedElement>[])=> HTMLElement,
|
||||
|
||||
state: Scope[],
|
||||
host: (...addons: ddeElementAddon<SupportedElement>[]) => HTMLElement;
|
||||
state: Scope[];
|
||||
/** Adds new child scope. All attributes are inherited by default. */
|
||||
push(scope: Partial<Scope>): ReturnType<Array<Scope>["push"]>,
|
||||
push(scope?: Partial<Scope>): ReturnType<Array<Scope>["push"]>;
|
||||
/** Adds root scope as a child of the current scope. */
|
||||
pushRoot(): ReturnType<Array<Scope>["push"]>,
|
||||
pushRoot(): ReturnType<Array<Scope>["push"]>;
|
||||
/** Removes last/current child scope. */
|
||||
pop(): ReturnType<Array<Scope>["pop"]>,
|
||||
pop(): ReturnType<Array<Scope>["pop"]>;
|
||||
};
|
||||
|
||||
export function customElementRender<
|
||||
EL extends HTMLElement,
|
||||
P extends any = Record<string, string | ddeSignal<string>>
|
||||
>(
|
||||
target: ShadowRoot | EL,
|
||||
render: (props: P)=> SupportedElement | DocumentFragment,
|
||||
props?: P | ((el: EL)=> P)
|
||||
): EL
|
||||
export function customElementWithDDE<EL extends (new ()=> HTMLElement)>(custom_element: EL): EL
|
||||
export function lifecyclesToEvents<EL extends (new ()=> HTMLElement)>(custom_element: EL): EL
|
||||
export function observedAttributes(custom_element: HTMLElement): Record<string, string>
|
||||
|
||||
export function customElementRender<EL extends HTMLElement, P extends any = Record<string, string | Signal<string, {}>>>(target: ShadowRoot | EL, render: (props: P) => SupportedElement | DocumentFragment, props?: P | ((el: EL) => P)): EL;
|
||||
export function customElementWithDDE<EL extends (new () => HTMLElement)>(custom_element: EL): EL;
|
||||
export function lifecyclesToEvents<EL extends (new () => HTMLElement)>(custom_element: EL): EL;
|
||||
export function observedAttributes(custom_element: HTMLElement): Record<string, string>;
|
||||
/**
|
||||
* This is used primarly for server side rendering. To be sure that all async operations
|
||||
* are finished before the page is sent to the client.
|
||||
* ```
|
||||
* // on component
|
||||
* function component(){
|
||||
* …
|
||||
* queue(fetch(...).then(...));
|
||||
* }
|
||||
*
|
||||
* // building the page
|
||||
* async function build(){
|
||||
* const { component }= await import("./component.js");
|
||||
* document.body.append(el(component));
|
||||
* await queue();
|
||||
* retutn document.body.innerHTML;
|
||||
* }
|
||||
* ```
|
||||
* */
|
||||
export function queue(promise?: Promise<unknown>): Promise<unknown>;
|
||||
/* TypeScript MEH */
|
||||
declare global{
|
||||
type ddeAppend<el>= (...nodes: (Node | string)[])=> el;
|
||||
|
||||
interface ddeDocumentFragment extends DocumentFragment{ append: ddeAppend<ddeDocumentFragment>; }
|
||||
interface ddeHTMLElement extends HTMLElement{ append: ddeAppend<ddeHTMLElement>; }
|
||||
interface ddeSVGElement extends SVGElement{ append: ddeAppend<ddeSVGElement>; }
|
||||
interface ddeMathMLElement extends MathMLElement{ append: ddeAppend<ddeMathMLElement>; }
|
||||
|
||||
declare global {
|
||||
type ddeAppend<el> = (...nodes: (Node | string)[]) => el;
|
||||
interface ddeDocumentFragment extends DocumentFragment {
|
||||
append: ddeAppend<ddeDocumentFragment>;
|
||||
}
|
||||
interface ddeHTMLElement extends HTMLElement {
|
||||
append: ddeAppend<ddeHTMLElement>;
|
||||
}
|
||||
interface ddeSVGElement extends SVGElement {
|
||||
append: ddeAppend<ddeSVGElement>;
|
||||
}
|
||||
interface ddeMathMLElement extends MathMLElement {
|
||||
append: ddeAppend<ddeMathMLElement>;
|
||||
}
|
||||
interface ddeHTMLElementTagNameMap {
|
||||
"a": ddeHTMLAnchorElement;
|
||||
"area": ddeHTMLAreaElement;
|
||||
@@ -385,133 +390,393 @@ declare global{
|
||||
"view": ddeSVGViewElement;
|
||||
}
|
||||
}
|
||||
|
||||
// editorconfig-checker-disable
|
||||
interface ddeHTMLAnchorElement extends HTMLAnchorElement{ append: ddeAppend<ddeHTMLAnchorElement>; }
|
||||
interface ddeHTMLAreaElement extends HTMLAreaElement{ append: ddeAppend<ddeHTMLAreaElement>; }
|
||||
interface ddeHTMLAudioElement extends HTMLAudioElement{ append: ddeAppend<ddeHTMLAudioElement>; }
|
||||
interface ddeHTMLBaseElement extends HTMLBaseElement{ append: ddeAppend<ddeHTMLBaseElement>; }
|
||||
interface ddeHTMLQuoteElement extends HTMLQuoteElement{ append: ddeAppend<ddeHTMLQuoteElement>; }
|
||||
interface ddeHTMLBodyElement extends HTMLBodyElement{ append: ddeAppend<ddeHTMLBodyElement>; }
|
||||
interface ddeHTMLBRElement extends HTMLBRElement{ append: ddeAppend<ddeHTMLBRElement>; }
|
||||
interface ddeHTMLButtonElement extends HTMLButtonElement{ append: ddeAppend<ddeHTMLButtonElement>; }
|
||||
interface ddeHTMLCanvasElement extends HTMLCanvasElement{ append: ddeAppend<ddeHTMLCanvasElement>; }
|
||||
interface ddeHTMLTableCaptionElement extends HTMLTableCaptionElement{ append: ddeAppend<ddeHTMLTableCaptionElement>; }
|
||||
interface ddeHTMLTableColElement extends HTMLTableColElement{ append: ddeAppend<ddeHTMLTableColElement>; }
|
||||
interface ddeHTMLTableColElement extends HTMLTableColElement{ append: ddeAppend<ddeHTMLTableColElement>; }
|
||||
interface ddeHTMLDataElement extends HTMLDataElement{ append: ddeAppend<ddeHTMLDataElement>; }
|
||||
interface ddeHTMLDataListElement extends HTMLDataListElement{ append: ddeAppend<ddeHTMLDataListElement>; }
|
||||
interface ddeHTMLModElement extends HTMLModElement{ append: ddeAppend<ddeHTMLModElement>; }
|
||||
interface ddeHTMLDetailsElement extends HTMLDetailsElement{ append: ddeAppend<ddeHTMLDetailsElement>; }
|
||||
interface ddeHTMLDialogElement extends HTMLDialogElement{ append: ddeAppend<ddeHTMLDialogElement>; }
|
||||
interface ddeHTMLDivElement extends HTMLDivElement{ append: ddeAppend<ddeHTMLDivElement>; }
|
||||
interface ddeHTMLDListElement extends HTMLDListElement{ append: ddeAppend<ddeHTMLDListElement>; }
|
||||
interface ddeHTMLEmbedElement extends HTMLEmbedElement{ append: ddeAppend<ddeHTMLEmbedElement>; }
|
||||
interface ddeHTMLFieldSetElement extends HTMLFieldSetElement{ append: ddeAppend<ddeHTMLFieldSetElement>; }
|
||||
interface ddeHTMLFormElement extends HTMLFormElement{ append: ddeAppend<ddeHTMLFormElement>; }
|
||||
interface ddeHTMLHeadingElement extends HTMLHeadingElement{ append: ddeAppend<ddeHTMLHeadingElement>; }
|
||||
interface ddeHTMLHeadElement extends HTMLHeadElement{ append: ddeAppend<ddeHTMLHeadElement>; }
|
||||
interface ddeHTMLHRElement extends HTMLHRElement{ append: ddeAppend<ddeHTMLHRElement>; }
|
||||
interface ddeHTMLHtmlElement extends HTMLHtmlElement{ append: ddeAppend<ddeHTMLHtmlElement>; }
|
||||
interface ddeHTMLIFrameElement extends HTMLIFrameElement{ append: ddeAppend<ddeHTMLIFrameElement>; }
|
||||
interface ddeHTMLImageElement extends HTMLImageElement{ append: ddeAppend<ddeHTMLImageElement>; }
|
||||
interface ddeHTMLInputElement extends HTMLInputElement{ append: ddeAppend<ddeHTMLInputElement>; }
|
||||
interface ddeHTMLLabelElement extends HTMLLabelElement{ append: ddeAppend<ddeHTMLLabelElement>; }
|
||||
interface ddeHTMLLegendElement extends HTMLLegendElement{ append: ddeAppend<ddeHTMLLegendElement>; }
|
||||
interface ddeHTMLLIElement extends HTMLLIElement{ append: ddeAppend<ddeHTMLLIElement>; }
|
||||
interface ddeHTMLLinkElement extends HTMLLinkElement{ append: ddeAppend<ddeHTMLLinkElement>; }
|
||||
interface ddeHTMLMapElement extends HTMLMapElement{ append: ddeAppend<ddeHTMLMapElement>; }
|
||||
interface ddeHTMLMenuElement extends HTMLMenuElement{ append: ddeAppend<ddeHTMLMenuElement>; }
|
||||
interface ddeHTMLMetaElement extends HTMLMetaElement{ append: ddeAppend<ddeHTMLMetaElement>; }
|
||||
interface ddeHTMLMeterElement extends HTMLMeterElement{ append: ddeAppend<ddeHTMLMeterElement>; }
|
||||
interface ddeHTMLObjectElement extends HTMLObjectElement{ append: ddeAppend<ddeHTMLObjectElement>; }
|
||||
interface ddeHTMLOListElement extends HTMLOListElement{ append: ddeAppend<ddeHTMLOListElement>; }
|
||||
interface ddeHTMLOptGroupElement extends HTMLOptGroupElement{ append: ddeAppend<ddeHTMLOptGroupElement>; }
|
||||
interface ddeHTMLOptionElement extends HTMLOptionElement{ append: ddeAppend<ddeHTMLOptionElement>; }
|
||||
interface ddeHTMLOutputElement extends HTMLOutputElement{ append: ddeAppend<ddeHTMLOutputElement>; }
|
||||
interface ddeHTMLParagraphElement extends HTMLParagraphElement{ append: ddeAppend<ddeHTMLParagraphElement>; }
|
||||
interface ddeHTMLPictureElement extends HTMLPictureElement{ append: ddeAppend<ddeHTMLPictureElement>; }
|
||||
interface ddeHTMLPreElement extends HTMLPreElement{ append: ddeAppend<ddeHTMLPreElement>; }
|
||||
interface ddeHTMLProgressElement extends HTMLProgressElement{ append: ddeAppend<ddeHTMLProgressElement>; }
|
||||
interface ddeHTMLScriptElement extends HTMLScriptElement{ append: ddeAppend<ddeHTMLScriptElement>; }
|
||||
interface ddeHTMLSelectElement extends HTMLSelectElement{ append: ddeAppend<ddeHTMLSelectElement>; }
|
||||
interface ddeHTMLSlotElement extends HTMLSlotElement{ append: ddeAppend<ddeHTMLSlotElement>; }
|
||||
interface ddeHTMLSourceElement extends HTMLSourceElement{ append: ddeAppend<ddeHTMLSourceElement>; }
|
||||
interface ddeHTMLSpanElement extends HTMLSpanElement{ append: ddeAppend<ddeHTMLSpanElement>; }
|
||||
interface ddeHTMLStyleElement extends HTMLStyleElement{ append: ddeAppend<ddeHTMLStyleElement>; }
|
||||
interface ddeHTMLTableElement extends HTMLTableElement{ append: ddeAppend<ddeHTMLTableElement>; }
|
||||
interface ddeHTMLTableSectionElement extends HTMLTableSectionElement{ append: ddeAppend<ddeHTMLTableSectionElement>; }
|
||||
interface ddeHTMLTableCellElement extends HTMLTableCellElement{ append: ddeAppend<ddeHTMLTableCellElement>; }
|
||||
interface ddeHTMLTemplateElement extends HTMLTemplateElement{ append: ddeAppend<ddeHTMLTemplateElement>; }
|
||||
interface ddeHTMLTextAreaElement extends HTMLTextAreaElement{ append: ddeAppend<ddeHTMLTextAreaElement>; }
|
||||
interface ddeHTMLTableCellElement extends HTMLTableCellElement{ append: ddeAppend<ddeHTMLTableCellElement>; }
|
||||
interface ddeHTMLTimeElement extends HTMLTimeElement{ append: ddeAppend<ddeHTMLTimeElement>; }
|
||||
interface ddeHTMLTitleElement extends HTMLTitleElement{ append: ddeAppend<ddeHTMLTitleElement>; }
|
||||
interface ddeHTMLTableRowElement extends HTMLTableRowElement{ append: ddeAppend<ddeHTMLTableRowElement>; }
|
||||
interface ddeHTMLTrackElement extends HTMLTrackElement{ append: ddeAppend<ddeHTMLTrackElement>; }
|
||||
interface ddeHTMLUListElement extends HTMLUListElement{ append: ddeAppend<ddeHTMLUListElement>; }
|
||||
interface ddeHTMLVideoElement extends HTMLVideoElement{ append: ddeAppend<ddeHTMLVideoElement>; }
|
||||
interface ddeSVGAElement extends SVGAElement{ append: ddeAppend<ddeSVGAElement>; }
|
||||
interface ddeSVGAnimateElement extends SVGAnimateElement{ append: ddeAppend<ddeSVGAnimateElement>; }
|
||||
interface ddeSVGAnimateMotionElement extends SVGAnimateMotionElement{ append: ddeAppend<ddeSVGAnimateMotionElement>; }
|
||||
interface ddeSVGAnimateTransformElement extends SVGAnimateTransformElement{ append: ddeAppend<ddeSVGAnimateTransformElement>; }
|
||||
interface ddeSVGCircleElement extends SVGCircleElement{ append: ddeAppend<ddeSVGCircleElement>; }
|
||||
interface ddeSVGClipPathElement extends SVGClipPathElement{ append: ddeAppend<ddeSVGClipPathElement>; }
|
||||
interface ddeSVGDefsElement extends SVGDefsElement{ append: ddeAppend<ddeSVGDefsElement>; }
|
||||
interface ddeSVGDescElement extends SVGDescElement{ append: ddeAppend<ddeSVGDescElement>; }
|
||||
interface ddeSVGEllipseElement extends SVGEllipseElement{ append: ddeAppend<ddeSVGEllipseElement>; }
|
||||
interface ddeSVGFEBlendElement extends SVGFEBlendElement{ append: ddeAppend<ddeSVGFEBlendElement>; }
|
||||
interface ddeSVGFEColorMatrixElement extends SVGFEColorMatrixElement{ append: ddeAppend<ddeSVGFEColorMatrixElement>; }
|
||||
interface ddeSVGFEComponentTransferElement extends SVGFEComponentTransferElement{ append: ddeAppend<ddeSVGFEComponentTransferElement>; }
|
||||
interface ddeSVGFECompositeElement extends SVGFECompositeElement{ append: ddeAppend<ddeSVGFECompositeElement>; }
|
||||
interface ddeSVGFEConvolveMatrixElement extends SVGFEConvolveMatrixElement{ append: ddeAppend<ddeSVGFEConvolveMatrixElement>; }
|
||||
interface ddeSVGFEDiffuseLightingElement extends SVGFEDiffuseLightingElement{ append: ddeAppend<ddeSVGFEDiffuseLightingElement>; }
|
||||
interface ddeSVGFEDisplacementMapElement extends SVGFEDisplacementMapElement{ append: ddeAppend<ddeSVGFEDisplacementMapElement>; }
|
||||
interface ddeSVGFEDistantLightElement extends SVGFEDistantLightElement{ append: ddeAppend<ddeSVGFEDistantLightElement>; }
|
||||
interface ddeSVGFEDropShadowElement extends SVGFEDropShadowElement{ append: ddeAppend<ddeSVGFEDropShadowElement>; }
|
||||
interface ddeSVGFEFloodElement extends SVGFEFloodElement{ append: ddeAppend<ddeSVGFEFloodElement>; }
|
||||
interface ddeSVGFEFuncAElement extends SVGFEFuncAElement{ append: ddeAppend<ddeSVGFEFuncAElement>; }
|
||||
interface ddeSVGFEFuncBElement extends SVGFEFuncBElement{ append: ddeAppend<ddeSVGFEFuncBElement>; }
|
||||
interface ddeSVGFEFuncGElement extends SVGFEFuncGElement{ append: ddeAppend<ddeSVGFEFuncGElement>; }
|
||||
interface ddeSVGFEFuncRElement extends SVGFEFuncRElement{ append: ddeAppend<ddeSVGFEFuncRElement>; }
|
||||
interface ddeSVGFEGaussianBlurElement extends SVGFEGaussianBlurElement{ append: ddeAppend<ddeSVGFEGaussianBlurElement>; }
|
||||
interface ddeSVGFEImageElement extends SVGFEImageElement{ append: ddeAppend<ddeSVGFEImageElement>; }
|
||||
interface ddeSVGFEMergeElement extends SVGFEMergeElement{ append: ddeAppend<ddeSVGFEMergeElement>; }
|
||||
interface ddeSVGFEMergeNodeElement extends SVGFEMergeNodeElement{ append: ddeAppend<ddeSVGFEMergeNodeElement>; }
|
||||
interface ddeSVGFEMorphologyElement extends SVGFEMorphologyElement{ append: ddeAppend<ddeSVGFEMorphologyElement>; }
|
||||
interface ddeSVGFEOffsetElement extends SVGFEOffsetElement{ append: ddeAppend<ddeSVGFEOffsetElement>; }
|
||||
interface ddeSVGFEPointLightElement extends SVGFEPointLightElement{ append: ddeAppend<ddeSVGFEPointLightElement>; }
|
||||
interface ddeSVGFESpecularLightingElement extends SVGFESpecularLightingElement{ append: ddeAppend<ddeSVGFESpecularLightingElement>; }
|
||||
interface ddeSVGFESpotLightElement extends SVGFESpotLightElement{ append: ddeAppend<ddeSVGFESpotLightElement>; }
|
||||
interface ddeSVGFETileElement extends SVGFETileElement{ append: ddeAppend<ddeSVGFETileElement>; }
|
||||
interface ddeSVGFETurbulenceElement extends SVGFETurbulenceElement{ append: ddeAppend<ddeSVGFETurbulenceElement>; }
|
||||
interface ddeSVGFilterElement extends SVGFilterElement{ append: ddeAppend<ddeSVGFilterElement>; }
|
||||
interface ddeSVGForeignObjectElement extends SVGForeignObjectElement{ append: ddeAppend<ddeSVGForeignObjectElement>; }
|
||||
interface ddeSVGGElement extends SVGGElement{ append: ddeAppend<ddeSVGGElement>; }
|
||||
interface ddeSVGImageElement extends SVGImageElement{ append: ddeAppend<ddeSVGImageElement>; }
|
||||
interface ddeSVGLineElement extends SVGLineElement{ append: ddeAppend<ddeSVGLineElement>; }
|
||||
interface ddeSVGLinearGradientElement extends SVGLinearGradientElement{ append: ddeAppend<ddeSVGLinearGradientElement>; }
|
||||
interface ddeSVGMarkerElement extends SVGMarkerElement{ append: ddeAppend<ddeSVGMarkerElement>; }
|
||||
interface ddeSVGMaskElement extends SVGMaskElement{ append: ddeAppend<ddeSVGMaskElement>; }
|
||||
interface ddeSVGMetadataElement extends SVGMetadataElement{ append: ddeAppend<ddeSVGMetadataElement>; }
|
||||
interface ddeSVGMPathElement extends SVGMPathElement{ append: ddeAppend<ddeSVGMPathElement>; }
|
||||
interface ddeSVGPathElement extends SVGPathElement{ append: ddeAppend<ddeSVGPathElement>; }
|
||||
interface ddeSVGPatternElement extends SVGPatternElement{ append: ddeAppend<ddeSVGPatternElement>; }
|
||||
interface ddeSVGPolygonElement extends SVGPolygonElement{ append: ddeAppend<ddeSVGPolygonElement>; }
|
||||
interface ddeSVGPolylineElement extends SVGPolylineElement{ append: ddeAppend<ddeSVGPolylineElement>; }
|
||||
interface ddeSVGRadialGradientElement extends SVGRadialGradientElement{ append: ddeAppend<ddeSVGRadialGradientElement>; }
|
||||
interface ddeSVGRectElement extends SVGRectElement{ append: ddeAppend<ddeSVGRectElement>; }
|
||||
interface ddeSVGScriptElement extends SVGScriptElement{ append: ddeAppend<ddeSVGScriptElement>; }
|
||||
interface ddeSVGSetElement extends SVGSetElement{ append: ddeAppend<ddeSVGSetElement>; }
|
||||
interface ddeSVGStopElement extends SVGStopElement{ append: ddeAppend<ddeSVGStopElement>; }
|
||||
interface ddeSVGStyleElement extends SVGStyleElement{ append: ddeAppend<ddeSVGStyleElement>; }
|
||||
interface ddeSVGSVGElement extends SVGSVGElement{ append: ddeAppend<ddeSVGSVGElement>; }
|
||||
interface ddeSVGSwitchElement extends SVGSwitchElement{ append: ddeAppend<ddeSVGSwitchElement>; }
|
||||
interface ddeSVGSymbolElement extends SVGSymbolElement{ append: ddeAppend<ddeSVGSymbolElement>; }
|
||||
interface ddeSVGTextElement extends SVGTextElement{ append: ddeAppend<ddeSVGTextElement>; }
|
||||
interface ddeSVGTextPathElement extends SVGTextPathElement{ append: ddeAppend<ddeSVGTextPathElement>; }
|
||||
interface ddeSVGTitleElement extends SVGTitleElement{ append: ddeAppend<ddeSVGTitleElement>; }
|
||||
interface ddeSVGTSpanElement extends SVGTSpanElement{ append: ddeAppend<ddeSVGTSpanElement>; }
|
||||
interface ddeSVGUseElement extends SVGUseElement{ append: ddeAppend<ddeSVGUseElement>; }
|
||||
interface ddeSVGViewElement extends SVGViewElement{ append: ddeAppend<ddeSVGViewElement>; }
|
||||
// editorconfig-checker-enable
|
||||
export interface ddeHTMLAnchorElement extends HTMLAnchorElement {
|
||||
append: ddeAppend<ddeHTMLAnchorElement>;
|
||||
}
|
||||
export interface ddeHTMLAreaElement extends HTMLAreaElement {
|
||||
append: ddeAppend<ddeHTMLAreaElement>;
|
||||
}
|
||||
export interface ddeHTMLAudioElement extends HTMLAudioElement {
|
||||
append: ddeAppend<ddeHTMLAudioElement>;
|
||||
}
|
||||
export interface ddeHTMLBaseElement extends HTMLBaseElement {
|
||||
append: ddeAppend<ddeHTMLBaseElement>;
|
||||
}
|
||||
export interface ddeHTMLQuoteElement extends HTMLQuoteElement {
|
||||
append: ddeAppend<ddeHTMLQuoteElement>;
|
||||
}
|
||||
export interface ddeHTMLBodyElement extends HTMLBodyElement {
|
||||
append: ddeAppend<ddeHTMLBodyElement>;
|
||||
}
|
||||
export interface ddeHTMLBRElement extends HTMLBRElement {
|
||||
append: ddeAppend<ddeHTMLBRElement>;
|
||||
}
|
||||
export interface ddeHTMLButtonElement extends HTMLButtonElement {
|
||||
append: ddeAppend<ddeHTMLButtonElement>;
|
||||
}
|
||||
export interface ddeHTMLCanvasElement extends HTMLCanvasElement {
|
||||
append: ddeAppend<ddeHTMLCanvasElement>;
|
||||
}
|
||||
export interface ddeHTMLTableCaptionElement extends HTMLTableCaptionElement {
|
||||
append: ddeAppend<ddeHTMLTableCaptionElement>;
|
||||
}
|
||||
export interface ddeHTMLTableColElement extends HTMLTableColElement {
|
||||
append: ddeAppend<ddeHTMLTableColElement>;
|
||||
}
|
||||
export interface ddeHTMLTableColElement extends HTMLTableColElement {
|
||||
append: ddeAppend<ddeHTMLTableColElement>;
|
||||
}
|
||||
export interface ddeHTMLDataElement extends HTMLDataElement {
|
||||
append: ddeAppend<ddeHTMLDataElement>;
|
||||
}
|
||||
export interface ddeHTMLDataListElement extends HTMLDataListElement {
|
||||
append: ddeAppend<ddeHTMLDataListElement>;
|
||||
}
|
||||
export interface ddeHTMLModElement extends HTMLModElement {
|
||||
append: ddeAppend<ddeHTMLModElement>;
|
||||
}
|
||||
export interface ddeHTMLDetailsElement extends HTMLDetailsElement {
|
||||
append: ddeAppend<ddeHTMLDetailsElement>;
|
||||
}
|
||||
export interface ddeHTMLDialogElement extends HTMLDialogElement {
|
||||
append: ddeAppend<ddeHTMLDialogElement>;
|
||||
}
|
||||
export interface ddeHTMLDivElement extends HTMLDivElement {
|
||||
append: ddeAppend<ddeHTMLDivElement>;
|
||||
}
|
||||
export interface ddeHTMLDListElement extends HTMLDListElement {
|
||||
append: ddeAppend<ddeHTMLDListElement>;
|
||||
}
|
||||
export interface ddeHTMLEmbedElement extends HTMLEmbedElement {
|
||||
append: ddeAppend<ddeHTMLEmbedElement>;
|
||||
}
|
||||
export interface ddeHTMLFieldSetElement extends HTMLFieldSetElement {
|
||||
append: ddeAppend<ddeHTMLFieldSetElement>;
|
||||
}
|
||||
export interface ddeHTMLFormElement extends HTMLFormElement {
|
||||
append: ddeAppend<ddeHTMLFormElement>;
|
||||
}
|
||||
export interface ddeHTMLHeadingElement extends HTMLHeadingElement {
|
||||
append: ddeAppend<ddeHTMLHeadingElement>;
|
||||
}
|
||||
export interface ddeHTMLHeadElement extends HTMLHeadElement {
|
||||
append: ddeAppend<ddeHTMLHeadElement>;
|
||||
}
|
||||
export interface ddeHTMLHRElement extends HTMLHRElement {
|
||||
append: ddeAppend<ddeHTMLHRElement>;
|
||||
}
|
||||
export interface ddeHTMLHtmlElement extends HTMLHtmlElement {
|
||||
append: ddeAppend<ddeHTMLHtmlElement>;
|
||||
}
|
||||
export interface ddeHTMLIFrameElement extends HTMLIFrameElement {
|
||||
append: ddeAppend<ddeHTMLIFrameElement>;
|
||||
}
|
||||
export interface ddeHTMLImageElement extends HTMLImageElement {
|
||||
append: ddeAppend<ddeHTMLImageElement>;
|
||||
}
|
||||
export interface ddeHTMLInputElement extends HTMLInputElement {
|
||||
append: ddeAppend<ddeHTMLInputElement>;
|
||||
}
|
||||
export interface ddeHTMLLabelElement extends HTMLLabelElement {
|
||||
append: ddeAppend<ddeHTMLLabelElement>;
|
||||
}
|
||||
export interface ddeHTMLLegendElement extends HTMLLegendElement {
|
||||
append: ddeAppend<ddeHTMLLegendElement>;
|
||||
}
|
||||
export interface ddeHTMLLIElement extends HTMLLIElement {
|
||||
append: ddeAppend<ddeHTMLLIElement>;
|
||||
}
|
||||
export interface ddeHTMLLinkElement extends HTMLLinkElement {
|
||||
append: ddeAppend<ddeHTMLLinkElement>;
|
||||
}
|
||||
export interface ddeHTMLMapElement extends HTMLMapElement {
|
||||
append: ddeAppend<ddeHTMLMapElement>;
|
||||
}
|
||||
export interface ddeHTMLMenuElement extends HTMLMenuElement {
|
||||
append: ddeAppend<ddeHTMLMenuElement>;
|
||||
}
|
||||
export interface ddeHTMLMetaElement extends HTMLMetaElement {
|
||||
append: ddeAppend<ddeHTMLMetaElement>;
|
||||
}
|
||||
export interface ddeHTMLMeterElement extends HTMLMeterElement {
|
||||
append: ddeAppend<ddeHTMLMeterElement>;
|
||||
}
|
||||
export interface ddeHTMLObjectElement extends HTMLObjectElement {
|
||||
append: ddeAppend<ddeHTMLObjectElement>;
|
||||
}
|
||||
export interface ddeHTMLOListElement extends HTMLOListElement {
|
||||
append: ddeAppend<ddeHTMLOListElement>;
|
||||
}
|
||||
export interface ddeHTMLOptGroupElement extends HTMLOptGroupElement {
|
||||
append: ddeAppend<ddeHTMLOptGroupElement>;
|
||||
}
|
||||
export interface ddeHTMLOptionElement extends HTMLOptionElement {
|
||||
append: ddeAppend<ddeHTMLOptionElement>;
|
||||
}
|
||||
export interface ddeHTMLOutputElement extends HTMLOutputElement {
|
||||
append: ddeAppend<ddeHTMLOutputElement>;
|
||||
}
|
||||
export interface ddeHTMLParagraphElement extends HTMLParagraphElement {
|
||||
append: ddeAppend<ddeHTMLParagraphElement>;
|
||||
}
|
||||
export interface ddeHTMLPictureElement extends HTMLPictureElement {
|
||||
append: ddeAppend<ddeHTMLPictureElement>;
|
||||
}
|
||||
export interface ddeHTMLPreElement extends HTMLPreElement {
|
||||
append: ddeAppend<ddeHTMLPreElement>;
|
||||
}
|
||||
export interface ddeHTMLProgressElement extends HTMLProgressElement {
|
||||
append: ddeAppend<ddeHTMLProgressElement>;
|
||||
}
|
||||
export interface ddeHTMLScriptElement extends HTMLScriptElement {
|
||||
append: ddeAppend<ddeHTMLScriptElement>;
|
||||
}
|
||||
export interface ddeHTMLSelectElement extends HTMLSelectElement {
|
||||
append: ddeAppend<ddeHTMLSelectElement>;
|
||||
}
|
||||
export interface ddeHTMLSlotElement extends HTMLSlotElement {
|
||||
append: ddeAppend<ddeHTMLSlotElement>;
|
||||
}
|
||||
export interface ddeHTMLSourceElement extends HTMLSourceElement {
|
||||
append: ddeAppend<ddeHTMLSourceElement>;
|
||||
}
|
||||
export interface ddeHTMLSpanElement extends HTMLSpanElement {
|
||||
append: ddeAppend<ddeHTMLSpanElement>;
|
||||
}
|
||||
export interface ddeHTMLStyleElement extends HTMLStyleElement {
|
||||
append: ddeAppend<ddeHTMLStyleElement>;
|
||||
}
|
||||
export interface ddeHTMLTableElement extends HTMLTableElement {
|
||||
append: ddeAppend<ddeHTMLTableElement>;
|
||||
}
|
||||
export interface ddeHTMLTableSectionElement extends HTMLTableSectionElement {
|
||||
append: ddeAppend<ddeHTMLTableSectionElement>;
|
||||
}
|
||||
export interface ddeHTMLTableCellElement extends HTMLTableCellElement {
|
||||
append: ddeAppend<ddeHTMLTableCellElement>;
|
||||
}
|
||||
export interface ddeHTMLTemplateElement extends HTMLTemplateElement {
|
||||
append: ddeAppend<ddeHTMLTemplateElement>;
|
||||
}
|
||||
export interface ddeHTMLTextAreaElement extends HTMLTextAreaElement {
|
||||
append: ddeAppend<ddeHTMLTextAreaElement>;
|
||||
}
|
||||
export interface ddeHTMLTableCellElement extends HTMLTableCellElement {
|
||||
append: ddeAppend<ddeHTMLTableCellElement>;
|
||||
}
|
||||
export interface ddeHTMLTimeElement extends HTMLTimeElement {
|
||||
append: ddeAppend<ddeHTMLTimeElement>;
|
||||
}
|
||||
export interface ddeHTMLTitleElement extends HTMLTitleElement {
|
||||
append: ddeAppend<ddeHTMLTitleElement>;
|
||||
}
|
||||
export interface ddeHTMLTableRowElement extends HTMLTableRowElement {
|
||||
append: ddeAppend<ddeHTMLTableRowElement>;
|
||||
}
|
||||
export interface ddeHTMLTrackElement extends HTMLTrackElement {
|
||||
append: ddeAppend<ddeHTMLTrackElement>;
|
||||
}
|
||||
export interface ddeHTMLUListElement extends HTMLUListElement {
|
||||
append: ddeAppend<ddeHTMLUListElement>;
|
||||
}
|
||||
export interface ddeHTMLVideoElement extends HTMLVideoElement {
|
||||
append: ddeAppend<ddeHTMLVideoElement>;
|
||||
}
|
||||
export interface ddeSVGAElement extends SVGAElement {
|
||||
append: ddeAppend<ddeSVGAElement>;
|
||||
}
|
||||
export interface ddeSVGAnimateElement extends SVGAnimateElement {
|
||||
append: ddeAppend<ddeSVGAnimateElement>;
|
||||
}
|
||||
export interface ddeSVGAnimateMotionElement extends SVGAnimateMotionElement {
|
||||
append: ddeAppend<ddeSVGAnimateMotionElement>;
|
||||
}
|
||||
export interface ddeSVGAnimateTransformElement extends SVGAnimateTransformElement {
|
||||
append: ddeAppend<ddeSVGAnimateTransformElement>;
|
||||
}
|
||||
export interface ddeSVGCircleElement extends SVGCircleElement {
|
||||
append: ddeAppend<ddeSVGCircleElement>;
|
||||
}
|
||||
export interface ddeSVGClipPathElement extends SVGClipPathElement {
|
||||
append: ddeAppend<ddeSVGClipPathElement>;
|
||||
}
|
||||
export interface ddeSVGDefsElement extends SVGDefsElement {
|
||||
append: ddeAppend<ddeSVGDefsElement>;
|
||||
}
|
||||
export interface ddeSVGDescElement extends SVGDescElement {
|
||||
append: ddeAppend<ddeSVGDescElement>;
|
||||
}
|
||||
export interface ddeSVGEllipseElement extends SVGEllipseElement {
|
||||
append: ddeAppend<ddeSVGEllipseElement>;
|
||||
}
|
||||
export interface ddeSVGFEBlendElement extends SVGFEBlendElement {
|
||||
append: ddeAppend<ddeSVGFEBlendElement>;
|
||||
}
|
||||
export interface ddeSVGFEColorMatrixElement extends SVGFEColorMatrixElement {
|
||||
append: ddeAppend<ddeSVGFEColorMatrixElement>;
|
||||
}
|
||||
export interface ddeSVGFEComponentTransferElement extends SVGFEComponentTransferElement {
|
||||
append: ddeAppend<ddeSVGFEComponentTransferElement>;
|
||||
}
|
||||
export interface ddeSVGFECompositeElement extends SVGFECompositeElement {
|
||||
append: ddeAppend<ddeSVGFECompositeElement>;
|
||||
}
|
||||
export interface ddeSVGFEConvolveMatrixElement extends SVGFEConvolveMatrixElement {
|
||||
append: ddeAppend<ddeSVGFEConvolveMatrixElement>;
|
||||
}
|
||||
export interface ddeSVGFEDiffuseLightingElement extends SVGFEDiffuseLightingElement {
|
||||
append: ddeAppend<ddeSVGFEDiffuseLightingElement>;
|
||||
}
|
||||
export interface ddeSVGFEDisplacementMapElement extends SVGFEDisplacementMapElement {
|
||||
append: ddeAppend<ddeSVGFEDisplacementMapElement>;
|
||||
}
|
||||
export interface ddeSVGFEDistantLightElement extends SVGFEDistantLightElement {
|
||||
append: ddeAppend<ddeSVGFEDistantLightElement>;
|
||||
}
|
||||
export interface ddeSVGFEDropShadowElement extends SVGFEDropShadowElement {
|
||||
append: ddeAppend<ddeSVGFEDropShadowElement>;
|
||||
}
|
||||
export interface ddeSVGFEFloodElement extends SVGFEFloodElement {
|
||||
append: ddeAppend<ddeSVGFEFloodElement>;
|
||||
}
|
||||
export interface ddeSVGFEFuncAElement extends SVGFEFuncAElement {
|
||||
append: ddeAppend<ddeSVGFEFuncAElement>;
|
||||
}
|
||||
export interface ddeSVGFEFuncBElement extends SVGFEFuncBElement {
|
||||
append: ddeAppend<ddeSVGFEFuncBElement>;
|
||||
}
|
||||
export interface ddeSVGFEFuncGElement extends SVGFEFuncGElement {
|
||||
append: ddeAppend<ddeSVGFEFuncGElement>;
|
||||
}
|
||||
export interface ddeSVGFEFuncRElement extends SVGFEFuncRElement {
|
||||
append: ddeAppend<ddeSVGFEFuncRElement>;
|
||||
}
|
||||
export interface ddeSVGFEGaussianBlurElement extends SVGFEGaussianBlurElement {
|
||||
append: ddeAppend<ddeSVGFEGaussianBlurElement>;
|
||||
}
|
||||
export interface ddeSVGFEImageElement extends SVGFEImageElement {
|
||||
append: ddeAppend<ddeSVGFEImageElement>;
|
||||
}
|
||||
export interface ddeSVGFEMergeElement extends SVGFEMergeElement {
|
||||
append: ddeAppend<ddeSVGFEMergeElement>;
|
||||
}
|
||||
export interface ddeSVGFEMergeNodeElement extends SVGFEMergeNodeElement {
|
||||
append: ddeAppend<ddeSVGFEMergeNodeElement>;
|
||||
}
|
||||
export interface ddeSVGFEMorphologyElement extends SVGFEMorphologyElement {
|
||||
append: ddeAppend<ddeSVGFEMorphologyElement>;
|
||||
}
|
||||
export interface ddeSVGFEOffsetElement extends SVGFEOffsetElement {
|
||||
append: ddeAppend<ddeSVGFEOffsetElement>;
|
||||
}
|
||||
export interface ddeSVGFEPointLightElement extends SVGFEPointLightElement {
|
||||
append: ddeAppend<ddeSVGFEPointLightElement>;
|
||||
}
|
||||
export interface ddeSVGFESpecularLightingElement extends SVGFESpecularLightingElement {
|
||||
append: ddeAppend<ddeSVGFESpecularLightingElement>;
|
||||
}
|
||||
export interface ddeSVGFESpotLightElement extends SVGFESpotLightElement {
|
||||
append: ddeAppend<ddeSVGFESpotLightElement>;
|
||||
}
|
||||
export interface ddeSVGFETileElement extends SVGFETileElement {
|
||||
append: ddeAppend<ddeSVGFETileElement>;
|
||||
}
|
||||
export interface ddeSVGFETurbulenceElement extends SVGFETurbulenceElement {
|
||||
append: ddeAppend<ddeSVGFETurbulenceElement>;
|
||||
}
|
||||
export interface ddeSVGFilterElement extends SVGFilterElement {
|
||||
append: ddeAppend<ddeSVGFilterElement>;
|
||||
}
|
||||
export interface ddeSVGForeignObjectElement extends SVGForeignObjectElement {
|
||||
append: ddeAppend<ddeSVGForeignObjectElement>;
|
||||
}
|
||||
export interface ddeSVGGElement extends SVGGElement {
|
||||
append: ddeAppend<ddeSVGGElement>;
|
||||
}
|
||||
export interface ddeSVGImageElement extends SVGImageElement {
|
||||
append: ddeAppend<ddeSVGImageElement>;
|
||||
}
|
||||
export interface ddeSVGLineElement extends SVGLineElement {
|
||||
append: ddeAppend<ddeSVGLineElement>;
|
||||
}
|
||||
export interface ddeSVGLinearGradientElement extends SVGLinearGradientElement {
|
||||
append: ddeAppend<ddeSVGLinearGradientElement>;
|
||||
}
|
||||
export interface ddeSVGMarkerElement extends SVGMarkerElement {
|
||||
append: ddeAppend<ddeSVGMarkerElement>;
|
||||
}
|
||||
export interface ddeSVGMaskElement extends SVGMaskElement {
|
||||
append: ddeAppend<ddeSVGMaskElement>;
|
||||
}
|
||||
export interface ddeSVGMetadataElement extends SVGMetadataElement {
|
||||
append: ddeAppend<ddeSVGMetadataElement>;
|
||||
}
|
||||
export interface ddeSVGMPathElement extends SVGMPathElement {
|
||||
append: ddeAppend<ddeSVGMPathElement>;
|
||||
}
|
||||
export interface ddeSVGPathElement extends SVGPathElement {
|
||||
append: ddeAppend<ddeSVGPathElement>;
|
||||
}
|
||||
export interface ddeSVGPatternElement extends SVGPatternElement {
|
||||
append: ddeAppend<ddeSVGPatternElement>;
|
||||
}
|
||||
export interface ddeSVGPolygonElement extends SVGPolygonElement {
|
||||
append: ddeAppend<ddeSVGPolygonElement>;
|
||||
}
|
||||
export interface ddeSVGPolylineElement extends SVGPolylineElement {
|
||||
append: ddeAppend<ddeSVGPolylineElement>;
|
||||
}
|
||||
export interface ddeSVGRadialGradientElement extends SVGRadialGradientElement {
|
||||
append: ddeAppend<ddeSVGRadialGradientElement>;
|
||||
}
|
||||
export interface ddeSVGRectElement extends SVGRectElement {
|
||||
append: ddeAppend<ddeSVGRectElement>;
|
||||
}
|
||||
export interface ddeSVGScriptElement extends SVGScriptElement {
|
||||
append: ddeAppend<ddeSVGScriptElement>;
|
||||
}
|
||||
export interface ddeSVGSetElement extends SVGSetElement {
|
||||
append: ddeAppend<ddeSVGSetElement>;
|
||||
}
|
||||
export interface ddeSVGStopElement extends SVGStopElement {
|
||||
append: ddeAppend<ddeSVGStopElement>;
|
||||
}
|
||||
export interface ddeSVGStyleElement extends SVGStyleElement {
|
||||
append: ddeAppend<ddeSVGStyleElement>;
|
||||
}
|
||||
export interface ddeSVGSVGElement extends SVGSVGElement {
|
||||
append: ddeAppend<ddeSVGSVGElement>;
|
||||
}
|
||||
export interface ddeSVGSwitchElement extends SVGSwitchElement {
|
||||
append: ddeAppend<ddeSVGSwitchElement>;
|
||||
}
|
||||
export interface ddeSVGSymbolElement extends SVGSymbolElement {
|
||||
append: ddeAppend<ddeSVGSymbolElement>;
|
||||
}
|
||||
export interface ddeSVGTextElement extends SVGTextElement {
|
||||
append: ddeAppend<ddeSVGTextElement>;
|
||||
}
|
||||
export interface ddeSVGTextPathElement extends SVGTextPathElement {
|
||||
append: ddeAppend<ddeSVGTextPathElement>;
|
||||
}
|
||||
export interface ddeSVGTitleElement extends SVGTitleElement {
|
||||
append: ddeAppend<ddeSVGTitleElement>;
|
||||
}
|
||||
export interface ddeSVGTSpanElement extends SVGTSpanElement {
|
||||
append: ddeAppend<ddeSVGTSpanElement>;
|
||||
}
|
||||
export interface ddeSVGUseElement extends SVGUseElement {
|
||||
append: ddeAppend<ddeSVGUseElement>;
|
||||
}
|
||||
export interface ddeSVGViewElement extends SVGViewElement {
|
||||
append: ddeAppend<ddeSVGViewElement>;
|
||||
}
|
||||
|
||||
export {
|
||||
dispatchEvent$1 as dispatchEvent,
|
||||
el as createElement,
|
||||
elNS as createElementNS,
|
||||
};
|
||||
|
||||
export {};
|
||||
|
||||
Reference in New Issue
Block a user