@zeus-js/runtime-dom 0.1.0 → 0.1.1-beta.1

package/dist/runtime-dom.d.ts

@@ -1,3 +1,5 @@
+import { Accessor } from '@zeus-js/signal';
+
 type JSXPrimitive = string | number | boolean | null | undefined;
 export type JSXValue = JSXPrimitive | Node | JSXValue[];
 export type JSXGetter = () => JSXValue;
@@ -12,7 +14,7 @@ export type RefTarget<T> = ((value: T | null) => void) | {
     current: T | null;
 };
 
-export declare function template<T extends Node = Node>(html: string, _isImportNode?: boolean, _isSVG?: boolean, _isMathML?: boolean): TemplateFactory<T>;
+export declare function template<T extends Node = Node>(html: string, _isImportNode?: boolean, isSVG?: boolean, _isMathML?: boolean): TemplateFactory<T>;
 
 export type ContextId = symbol;
 export interface Context<T = unknown> {
@@ -104,14 +106,14 @@ export declare function marker(parent: ParentNode, index: number): Comment;
 export declare function child(parent: ParentNode, index: number): ChildNode;
 export declare function removeNodes(nodes: readonly Node[]): void;
 
-export declare function bindText(node: Text, value: () => JSXValue): void;
-export declare function bindTextContent(el: Node, value: () => JSXValue): void;
+export declare function bindText(node: Text, value: () => JSXValue, once?: boolean): void;
+export declare function bindTextContent(el: Node, value: () => JSXValue, once?: boolean): void;
 export declare function setAttr(el: Element, name: string, value: AttrValue): void;
-export declare function bindAttr(el: Element, name: string, value: () => AttrValue): void;
-export declare function bindProp<T extends Element, K extends keyof T>(el: T, name: K, value: () => T[K]): void;
-export declare function bindClass(el: Element, value: () => ClassValue): void;
+export declare function bindAttr(el: Element, name: string, value: () => AttrValue, once?: boolean): void;
+export declare function bindProp<T extends Element, K extends keyof T>(el: T, name: K, value: () => T[K], once?: boolean): void;
+export declare function bindClass(el: Element, value: () => ClassValue, once?: boolean): void;
 export declare function normalizeClass(value: ClassValue): string;
-export declare function bindStyle(el: HTMLElement | SVGElement, value: () => StyleValue): void;
+export declare function bindStyle(el: HTMLElement | SVGElement, value: () => StyleValue, once?: boolean): void;
 
 export declare function bindEvent(el: Element, name: string, handler: EventListener): void;
 export declare function delegateEvents(events: readonly string[]): void;
@@ -135,7 +137,7 @@ export type ForProps<T, K = unknown> = {
     children: (item: T, index: number) => JSXValue;
 };
 export declare function For<T, K = unknown>(props: ForProps<T, K>): JSXValue;
-export declare function mountFor<T, K = unknown>(parent: Node, marker: Node, each: () => readonly T[] | null | undefined, key: ((item: T, index: number) => K) | undefined, render: (item: T, index: number) => JSXValue): void;
+export declare function mountFor<T, K = unknown>(parent: Node, marker: Node, each: () => readonly T[] | null | undefined, key: ((item: T, index: number) => K) | undefined, render: (item: Accessor<T>, index: Accessor<number>) => JSXValue): void;
 
 export type CustomElementPropType = 'string' | 'number' | 'boolean' | 'object' | 'array' | 'function' | 'unknown';
 export interface CustomElementPropSchema {
@@ -168,10 +170,12 @@ export type PropSerializer<T = unknown> = {
 export type PropDeserializer<T = unknown> = {
     bivarianceHack(value: string | null): T | undefined;
 }['bivarianceHack'];
+export type PropReactivity = 'deep' | 'shallow';
 export interface PropDefinitionOptions<T = unknown> {
     type?: ElementPropConstructor;
     attr?: string | false;
     reflect?: boolean;
+    reactivity?: PropReactivity;
     default?: T | (() => T);
     values?: readonly T[];
     serialize?(value: T | undefined): string | null | undefined;
@@ -276,6 +280,7 @@ export type DefineElementSetup<P extends object, E extends HTMLElement = HTMLEle
 export type NormalizedPropDefinition = CustomElementPropSchema & {
     attrName: string | false;
     reflect: boolean;
+    reactivity: PropReactivity;
     default?: unknown;
     serialize?: (value: unknown) => string | null | undefined;
     deserialize?: (value: string | null) => unknown;