@tempots/dom 10.0.111 → 12.0.0

package/mountable/handler.d.ts

@@ -1,94 +1,94 @@
-import { Mountable } from '../types/domain';
+import { Renderable } from '../types/domain';
 
-export declare const OnChecked: (fn: (event: boolean) => void) => Mountable;
+export declare const OnChecked: (fn: (event: boolean) => void) => Renderable;
 export declare const on: {
-    abort: (handler: (event: Event) => void) => Mountable;
-    animationcancel: (handler: (event: AnimationEvent) => void) => Mountable;
-    animationend: (handler: (event: AnimationEvent) => void) => Mountable;
-    animationiteration: (handler: (event: AnimationEvent) => void) => Mountable;
-    animationstart: (handler: (event: AnimationEvent) => void) => Mountable;
-    auxclick: (handler: (event: MouseEvent) => void) => Mountable;
-    blur: (handler: (event: FocusEvent) => void) => Mountable;
-    cancel: (handler: (event: Event) => void) => Mountable;
-    canplay: (handler: (event: Event) => void) => Mountable;
-    canplaythrough: (handler: (event: Event) => void) => Mountable;
-    change: (handler: (event: Event) => void) => Mountable;
-    click: (handler: (event: MouseEvent) => void) => Mountable;
-    close: (handler: (event: Event) => void) => Mountable;
-    contextmenu: (handler: (event: MouseEvent) => void) => Mountable;
-    cuechange: (handler: (event: Event) => void) => Mountable;
-    dblclick: (handler: (event: MouseEvent) => void) => Mountable;
-    drag: (handler: (event: DragEvent) => void) => Mountable;
-    dragend: (handler: (event: DragEvent) => void) => Mountable;
-    dragenter: (handler: (event: DragEvent) => void) => Mountable;
-    dragexit: (handler: (event: Event) => void) => Mountable;
-    dragleave: (handler: (event: DragEvent) => void) => Mountable;
-    dragover: (handler: (event: DragEvent) => void) => Mountable;
-    dragstart: (handler: (event: DragEvent) => void) => Mountable;
-    drop: (handler: (event: DragEvent) => void) => Mountable;
-    durationchange: (handler: (event: Event) => void) => Mountable;
-    emptied: (handler: (event: Event) => void) => Mountable;
-    ended: (handler: (event: Event) => void) => Mountable;
-    error: (handler: (event: ErrorEvent) => void) => Mountable;
-    focus: (handler: (event: FocusEvent) => void) => Mountable;
-    focusin: (handler: (event: FocusEvent) => void) => Mountable;
-    focusout: (handler: (event: FocusEvent) => void) => Mountable;
-    gotpointercapture: (handler: (event: PointerEvent) => void) => Mountable;
-    input: (handler: (event: Event) => void) => Mountable;
-    invalid: (handler: (event: Event) => void) => Mountable;
-    keydown: (handler: (event: KeyboardEvent) => void) => Mountable;
-    keypress: (handler: (event: KeyboardEvent) => void) => Mountable;
-    keyup: (handler: (event: KeyboardEvent) => void) => Mountable;
-    load: (handler: (event: Event) => void) => Mountable;
-    loadeddata: (handler: (event: Event) => void) => Mountable;
-    loadedmetadata: (handler: (event: Event) => void) => Mountable;
-    loadend: (handler: (event: ProgressEvent<EventTarget>) => void) => Mountable;
-    loadstart: (handler: (event: ProgressEvent<EventTarget>) => void) => Mountable;
-    lostpointercapture: (handler: (event: PointerEvent) => void) => Mountable;
-    mousedown: (handler: (event: MouseEvent) => void) => Mountable;
-    mouseenter: (handler: (event: MouseEvent) => void) => Mountable;
-    mouseleave: (handler: (event: MouseEvent) => void) => Mountable;
-    mousemove: (handler: (event: MouseEvent) => void) => Mountable;
-    mouseout: (handler: (event: MouseEvent) => void) => Mountable;
-    mouseover: (handler: (event: MouseEvent) => void) => Mountable;
-    mouseup: (handler: (event: MouseEvent) => void) => Mountable;
-    pause: (handler: (event: Event) => void) => Mountable;
-    play: (handler: (event: Event) => void) => Mountable;
-    playing: (handler: (event: Event) => void) => Mountable;
-    pointercancel: (handler: (event: PointerEvent) => void) => Mountable;
-    pointerdown: (handler: (event: PointerEvent) => void) => Mountable;
-    pointerenter: (handler: (event: PointerEvent) => void) => Mountable;
-    pointerleave: (handler: (event: PointerEvent) => void) => Mountable;
-    pointermove: (handler: (event: PointerEvent) => void) => Mountable;
-    pointerout: (handler: (event: PointerEvent) => void) => Mountable;
-    pointerover: (handler: (event: PointerEvent) => void) => Mountable;
-    pointerup: (handler: (event: PointerEvent) => void) => Mountable;
-    progress: (handler: (event: ProgressEvent<EventTarget>) => void) => Mountable;
-    ratechange: (handler: (event: Event) => void) => Mountable;
-    reset: (handler: (event: Event) => void) => Mountable;
-    resize: (handler: (event: UIEvent) => void) => Mountable;
-    scroll: (handler: (event: Event) => void) => Mountable;
-    securitypolicyviolation: (handler: (event: SecurityPolicyViolationEvent) => void) => Mountable;
-    seeked: (handler: (event: Event) => void) => Mountable;
-    seeking: (handler: (event: Event) => void) => Mountable;
-    select: (handler: (event: Event) => void) => Mountable;
-    selectionchange: (handler: (event: Event) => void) => Mountable;
-    selectstart: (handler: (event: Event) => void) => Mountable;
-    stalled: (handler: (event: Event) => void) => Mountable;
-    submit: (handler: (event: Event) => void) => Mountable;
-    suspend: (handler: (event: Event) => void) => Mountable;
-    timeupdate: (handler: (event: Event) => void) => Mountable;
-    toggle: (handler: (event: Event) => void) => Mountable;
-    touchcancel: (handler: (event: TouchEvent) => void) => Mountable;
-    touchend: (handler: (event: TouchEvent) => void) => Mountable;
-    touchmove: (handler: (event: TouchEvent) => void) => Mountable;
-    touchstart: (handler: (event: TouchEvent) => void) => Mountable;
-    transitioncancel: (handler: (event: TransitionEvent) => void) => Mountable;
-    transitionend: (handler: (event: TransitionEvent) => void) => Mountable;
-    transitionrun: (handler: (event: TransitionEvent) => void) => Mountable;
-    transitionstart: (handler: (event: TransitionEvent) => void) => Mountable;
-    volumechange: (handler: (event: Event) => void) => Mountable;
-    waiting: (handler: (event: Event) => void) => Mountable;
+    abort: (handler: (event: Event) => void) => Renderable;
+    animationcancel: (handler: (event: AnimationEvent) => void) => Renderable;
+    animationend: (handler: (event: AnimationEvent) => void) => Renderable;
+    animationiteration: (handler: (event: AnimationEvent) => void) => Renderable;
+    animationstart: (handler: (event: AnimationEvent) => void) => Renderable;
+    auxclick: (handler: (event: MouseEvent) => void) => Renderable;
+    blur: (handler: (event: FocusEvent) => void) => Renderable;
+    cancel: (handler: (event: Event) => void) => Renderable;
+    canplay: (handler: (event: Event) => void) => Renderable;
+    canplaythrough: (handler: (event: Event) => void) => Renderable;
+    change: (handler: (event: Event) => void) => Renderable;
+    click: (handler: (event: MouseEvent) => void) => Renderable;
+    close: (handler: (event: Event) => void) => Renderable;
+    contextmenu: (handler: (event: MouseEvent) => void) => Renderable;
+    cuechange: (handler: (event: Event) => void) => Renderable;
+    dblclick: (handler: (event: MouseEvent) => void) => Renderable;
+    drag: (handler: (event: DragEvent) => void) => Renderable;
+    dragend: (handler: (event: DragEvent) => void) => Renderable;
+    dragenter: (handler: (event: DragEvent) => void) => Renderable;
+    dragexit: (handler: (event: Event) => void) => Renderable;
+    dragleave: (handler: (event: DragEvent) => void) => Renderable;
+    dragover: (handler: (event: DragEvent) => void) => Renderable;
+    dragstart: (handler: (event: DragEvent) => void) => Renderable;
+    drop: (handler: (event: DragEvent) => void) => Renderable;
+    durationchange: (handler: (event: Event) => void) => Renderable;
+    emptied: (handler: (event: Event) => void) => Renderable;
+    ended: (handler: (event: Event) => void) => Renderable;
+    error: (handler: (event: ErrorEvent) => void) => Renderable;
+    focus: (handler: (event: FocusEvent) => void) => Renderable;
+    focusin: (handler: (event: FocusEvent) => void) => Renderable;
+    focusout: (handler: (event: FocusEvent) => void) => Renderable;
+    gotpointercapture: (handler: (event: PointerEvent) => void) => Renderable;
+    input: (handler: (event: Event) => void) => Renderable;
+    invalid: (handler: (event: Event) => void) => Renderable;
+    keydown: (handler: (event: KeyboardEvent) => void) => Renderable;
+    keypress: (handler: (event: KeyboardEvent) => void) => Renderable;
+    keyup: (handler: (event: KeyboardEvent) => void) => Renderable;
+    load: (handler: (event: Event) => void) => Renderable;
+    loadeddata: (handler: (event: Event) => void) => Renderable;
+    loadedmetadata: (handler: (event: Event) => void) => Renderable;
+    loadend: (handler: (event: ProgressEvent<EventTarget>) => void) => Renderable;
+    loadstart: (handler: (event: ProgressEvent<EventTarget>) => void) => Renderable;
+    lostpointercapture: (handler: (event: PointerEvent) => void) => Renderable;
+    mousedown: (handler: (event: MouseEvent) => void) => Renderable;
+    mouseenter: (handler: (event: MouseEvent) => void) => Renderable;
+    mouseleave: (handler: (event: MouseEvent) => void) => Renderable;
+    mousemove: (handler: (event: MouseEvent) => void) => Renderable;
+    mouseout: (handler: (event: MouseEvent) => void) => Renderable;
+    mouseover: (handler: (event: MouseEvent) => void) => Renderable;
+    mouseup: (handler: (event: MouseEvent) => void) => Renderable;
+    pause: (handler: (event: Event) => void) => Renderable;
+    play: (handler: (event: Event) => void) => Renderable;
+    playing: (handler: (event: Event) => void) => Renderable;
+    pointercancel: (handler: (event: PointerEvent) => void) => Renderable;
+    pointerdown: (handler: (event: PointerEvent) => void) => Renderable;
+    pointerenter: (handler: (event: PointerEvent) => void) => Renderable;
+    pointerleave: (handler: (event: PointerEvent) => void) => Renderable;
+    pointermove: (handler: (event: PointerEvent) => void) => Renderable;
+    pointerout: (handler: (event: PointerEvent) => void) => Renderable;
+    pointerover: (handler: (event: PointerEvent) => void) => Renderable;
+    pointerup: (handler: (event: PointerEvent) => void) => Renderable;
+    progress: (handler: (event: ProgressEvent<EventTarget>) => void) => Renderable;
+    ratechange: (handler: (event: Event) => void) => Renderable;
+    reset: (handler: (event: Event) => void) => Renderable;
+    resize: (handler: (event: UIEvent) => void) => Renderable;
+    scroll: (handler: (event: Event) => void) => Renderable;
+    securitypolicyviolation: (handler: (event: SecurityPolicyViolationEvent) => void) => Renderable;
+    seeked: (handler: (event: Event) => void) => Renderable;
+    seeking: (handler: (event: Event) => void) => Renderable;
+    select: (handler: (event: Event) => void) => Renderable;
+    selectionchange: (handler: (event: Event) => void) => Renderable;
+    selectstart: (handler: (event: Event) => void) => Renderable;
+    stalled: (handler: (event: Event) => void) => Renderable;
+    submit: (handler: (event: Event) => void) => Renderable;
+    suspend: (handler: (event: Event) => void) => Renderable;
+    timeupdate: (handler: (event: Event) => void) => Renderable;
+    toggle: (handler: (event: Event) => void) => Renderable;
+    touchcancel: (handler: (event: TouchEvent) => void) => Renderable;
+    touchend: (handler: (event: TouchEvent) => void) => Renderable;
+    touchmove: (handler: (event: TouchEvent) => void) => Renderable;
+    touchstart: (handler: (event: TouchEvent) => void) => Renderable;
+    transitioncancel: (handler: (event: TransitionEvent) => void) => Renderable;
+    transitionend: (handler: (event: TransitionEvent) => void) => Renderable;
+    transitionrun: (handler: (event: TransitionEvent) => void) => Renderable;
+    transitionstart: (handler: (event: TransitionEvent) => void) => Renderable;
+    volumechange: (handler: (event: Event) => void) => Renderable;
+    waiting: (handler: (event: Event) => void) => Renderable;
 };
 export declare const emit: {
     value: (fn: (text: string) => void) => (event: Event) => void;

package/mountable/hidden-when-empty.d.ts

@@ -1,3 +1,3 @@
-import { Mountable } from '../types/domain';
+import { Renderable } from '../types/domain';
 
-export declare const HiddenWhenEmpty: Mountable;
+export declare const HiddenWhenEmpty: Renderable;

package/mountable/inviewport.d.ts

@@ -1,6 +1,6 @@
 import { Signal } from '../std/signal';
-import { Child, Mountable } from '../types/domain';
+import { TNode, Renderable } from '../types/domain';
 
 export type InViewportMode = 'partial' | 'full';
-export declare function InViewport(mode: InViewportMode, fn: (value: Signal<boolean>) => Child): Mountable;
-export declare const WhenInViewport: (mode: InViewportMode, then: Child, otherwise?: Child) => Mountable;
+export declare function InViewport(mode: InViewportMode, fn: (value: Signal<boolean>) => TNode): Renderable;
+export declare const WhenInViewport: (mode: InViewportMode, then: TNode, otherwise?: TNode) => Renderable;

package/mountable/map-signal.d.ts

@@ -1,4 +1,4 @@
-import { Mountable } from '../types/domain';
+import { Renderable } from '../types/domain';
 import { Signal } from '../std/signal';
 
-export declare const MapSignal: <T>(signal: Signal<T>, fn: (value: T) => Mountable) => Mountable;
+export declare const MapSignal: <T>(signal: Signal<T>, fn: (value: T) => Renderable) => Renderable;

package/mountable/not-empty.d.ts

@@ -1,4 +1,4 @@
 import { Signal } from '../std/signal';
-import { Mountable } from '../types/domain';
+import { Renderable } from '../types/domain';
 
-export declare function NotEmpty<T>(signal: Signal<T[]>, display: Mountable, whenEmpty?: Mountable): Mountable;
+export declare function NotEmpty<T>(signal: Signal<T[]>, display: Renderable, whenEmpty?: Renderable): Renderable;

package/mountable/ondispose.d.ts

@@ -1,4 +1,4 @@
-import { Mountable } from '../types/domain';
+import { Renderable } from '../types/domain';
 import { DOMContext } from '../dom/dom-context';
 
-export declare const OnDispose: (fn: (removeTree: boolean, ctx: DOMContext) => void) => Mountable;
+export declare const OnDispose: (fn: (removeTree: boolean, ctx: DOMContext) => void) => Renderable;

package/mountable/oneof.d.ts

@@ -1,22 +1,22 @@
 import { Signal } from '../std/signal';
-import { Mountable, Child } from '../types/domain';
+import { Renderable, TNode } from '../types/domain';
 
 export declare const oneof: {
     bool: (match: Signal<boolean>, cases: {
-        true: () => Child;
-        false: () => Child;
-    }) => Mountable;
-    field: <T extends { [_ in K]: string; }, K extends string>(match: Signal<T>, field: K, cases: { [KK in T[K]]: (value: Signal<T extends { [_ in K]: KK; } ? T : never>) => Child; }) => Mountable;
+        true: () => TNode;
+        false: () => TNode;
+    }) => Renderable;
+    field: <T extends { [_ in K]: string; }, K extends string>(match: Signal<T>, field: K, cases: { [KK in T[K]]: (value: Signal<T extends { [_ in K]: KK; } ? T : never>) => TNode; }) => Renderable;
     kind: <T extends {
         kind: string;
     }>(match: Signal<T>, cases: { [KK in T["kind"]]: (value: Signal<T extends {
         kind: KK;
-    } ? T : never>) => Child; }) => Mountable;
-    tuple: <T extends string, V>(match: Signal<[T, V]>, cases: { [KK in T]: (value: Signal<V>) => Child; }) => Mountable;
+    } ? T : never>) => TNode; }) => Renderable;
+    tuple: <T extends string, V>(match: Signal<[T, V]>, cases: { [KK in T]: (value: Signal<V>) => TNode; }) => Renderable;
     type: <T extends {
         type: string;
     }>(match: Signal<T>, cases: { [KK in T["type"]]: (value: Signal<T extends {
         type: KK;
-    } ? T : never>) => Child; }) => Mountable;
-    value: <T extends symbol | number | string>(match: Signal<T>, cases: { [KK in T]: () => Child; }) => Mountable;
+    } ? T : never>) => TNode; }) => Renderable;
+    value: <T extends symbol | number | string>(match: Signal<T>, cases: { [KK in T]: () => TNode; }) => Renderable;
 };

package/mountable/onmount.d.ts

@@ -1,3 +1,3 @@
-import { Clear, Mountable } from '../types/domain';
+import { Clear, Renderable } from '../types/domain';
 
-export declare const OnMount: <T extends Element>(fn: (element: T) => Clear | undefined | void) => Mountable;
+export declare const OnMount: <T extends Element>(fn: (element: T) => Clear | undefined | void) => Renderable;

package/mountable/portal.d.ts

@@ -1,4 +1,4 @@
 import { DOMContext } from '../dom/dom-context';
-import { Child } from '../types/domain';
+import { TNode } from '../types/domain';
 
-export declare const Portal: (selector: string, node: Child) => (ctx: DOMContext) => () => void;
+export declare const Portal: (selector: string, node: TNode) => (ctx: DOMContext) => () => void;

package/mountable/providers.d.ts

@@ -1,8 +1,8 @@
-import { Child, Mountable, ProviderMark } from '../types/domain';
+import { TNode, Renderable, ProviderMark } from '../types/domain';
 import { DOMContext } from '../dom/dom-context';
-import { childToMountable } from './element';
+import { renderableOfTNode } from './element';
 
-export type Provider = (node: Child) => Mountable;
+export type Provider = (node: TNode) => Renderable;
 /**
  * Creates a unique symbol that can be used as a provider mark for a specific type `T`.
  * The provider mark is used to identify the provider of a value of type `T` in a dependency injection system.
@@ -11,6 +11,6 @@ export type Provider = (node: Child) => Mountable;
  * @returns A unique symbol that can be used as a provider mark.
  */
 export declare function makeProviderMark<T>(identifier: string): ProviderMark<T>;
-export declare const Provide: <T extends Provider[]>(...providerFns: T) => typeof childToMountable;
-export declare const WithProvider: <T>(mark: ProviderMark<T>, value: T, child: Child) => (ctx: DOMContext) => import('../types/domain').Clear;
-export declare const WithProviders: <T extends unknown[]>(providers: { [K in ProviderMark<T[number]>]: T[number]; }, child: Child) => (ctx: DOMContext) => import('../types/domain').Clear;
+export declare const Provide: <T extends Provider[]>(...providerFns: T) => typeof renderableOfTNode;
+export declare const WithProvider: <T>(mark: ProviderMark<T>, value: T, child: TNode) => (ctx: DOMContext) => import('../types/domain').Clear;
+export declare const WithProviders: <T extends unknown[]>(providers: { [K in ProviderMark<T[number]>]: T[number]; }, child: TNode) => (ctx: DOMContext) => import('../types/domain').Clear;

package/mountable/render.d.ts

@@ -1,8 +1,8 @@
-import { Mountable } from '../types/domain';
+import { Renderable } from '../types/domain';
 import { DOMContext } from '../dom/dom-context';
 
-export declare function renderWithContext(node: Mountable, ctx: DOMContext): () => void;
-export declare function render(node: Mountable, parent: Node | string, { doc, clear }?: {
+export declare function renderWithContext(node: Renderable, ctx: DOMContext): () => void;
+export declare function render(node: Renderable, parent: Node | string, { doc, clear }?: {
     doc?: Document;
     clear?: boolean;
 }): () => void;

package/mountable/repeat.d.ts

@@ -1,5 +1,5 @@
 import { Position } from '../std/position';
 import { Signal } from '../std/signal';
-import { Child, Mountable } from '../types/domain';
+import { TNode, Renderable } from '../types/domain';
 
-export declare const Repeat: (times: Signal<number>, element: (index: Signal<Position>) => Child, separator?: (pos: Signal<Position>) => Child) => Mountable;
+export declare const Repeat: (times: Signal<number>, element: (index: Signal<Position>) => TNode, separator?: (pos: Signal<Position>) => TNode) => Renderable;

package/mountable/size.d.ts

@@ -1,8 +1,8 @@
 import { DOMContext } from '../dom/dom-context';
 import { Signal } from '../std/signal';
-import { Child, Size } from '../types/domain';
+import { TNode, Size } from '../types/domain';
 
 export declare const size: {
-    element: (fn: (size: Signal<Size>) => Child) => (ctx: DOMContext) => (removeTree: boolean) => void;
-    window: (fn: (size: Signal<Size>) => Child) => (ctx: DOMContext) => (removeTree: boolean) => void;
+    element: (fn: (size: Signal<Size>) => TNode) => (ctx: DOMContext) => (removeTree: boolean) => void;
+    window: (fn: (size: Signal<Size>) => TNode) => (ctx: DOMContext) => (removeTree: boolean) => void;
 };