@vue/runtime-vapor 3.6.0-beta.12 → 3.6.0-beta.14

package/dist/runtime-vapor.d.ts

@@ -7,6 +7,8 @@ type NodeRef = string | Ref | ((ref: Element | VaporComponentInstance, refs: Rec
 type RefEl = Element | VaporComponentInstance | DynamicFragment | VaporFragment;
 type setRefFn = (el: RefEl, ref: NodeRef, refFor?: boolean, refKey?: string) => NodeRef | undefined;
 export declare function createTemplateRefSetter(): setRefFn;
+export declare function setStaticTemplateRef(el: RefEl, ref: NodeRef, refFor?: boolean, refKey?: string): NodeRef | undefined;
+export declare function setTemplateRefBinding(el: RefEl, getter: () => any, setter?: setRefFn, refFor?: boolean, refKey?: string): void;
 //#endregion
 //#region temp/packages/runtime-vapor/src/keepAlive.d.ts
 export interface VaporKeepAliveContext {
@@ -25,10 +27,14 @@ export declare class VaporFragment<T extends Block = Block> implements Transitio
   anchor?: Node;
   parentComponent?: GenericComponentInstance | null;
   validityPending?: boolean;
+  isBlockValid?: () => boolean;
   insert?: (parent: ParentNode, anchor: Node | null, transitionHooks?: TransitionHooks) => void;
   remove?: (parent?: ParentNode, transitionHooks?: TransitionHooks) => void;
-  hydrate?: (...args: any[]) => void;
+  hydrate?(...args: any[]): void;
   setRef?: (instance: VaporComponentInstance, ref: NodeRef, refFor: boolean, refKey: string | undefined) => void;
+  onBeforeInsert?: ((nodes: Block) => void)[];
+  onBeforeRemove?: ((scope: EffectScope$1) => boolean)[];
+  onBeforeUpdate?: (() => void)[];
   onUpdated?: ((nodes?: Block) => void)[];
   readonly renderInstance: GenericComponentInstance | null;
   readonly slotOwner: VaporComponentInstance | null;
@@ -39,7 +45,7 @@ export declare class VaporFragment<T extends Block = Block> implements Transitio
 }
 declare class ForFragment extends VaporFragment<Block[]> {
   resetListeners?: (() => void)[];
-  constructor(nodes: Block[]);
+  constructor(nodes: Block[], trackSlotBoundary: boolean);
   onReset(fn: () => void): void;
 }
 export declare class DynamicFragment extends VaporFragment {
@@ -49,16 +55,17 @@ export declare class DynamicFragment extends VaporFragment {
   pending?: {
     render?: BlockFn;
     key: any;
+    noScope: boolean;
   };
   anchorLabel?: string;
   keyed?: boolean;
+  isSlot?: boolean;
   inTransition?: boolean;
-  attrs?: Record<string, any>;
-  constructor(anchorLabel?: string, keyed?: boolean, locate?: boolean);
-  protected registerSlotBoundaryDirty(): void;
-  update(render?: BlockFn, key?: any): void;
-  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, key: any): void;
-  hydrate: (isEmpty?: boolean, isSlot?: boolean) => void;
+  hasFallthroughAttrs?: true;
+  constructor(anchorLabel?: string, keyed?: boolean, locate?: boolean, trackSlotBoundary?: boolean);
+  update(render?: BlockFn, key?: any, noScope?: boolean, shouldInsert?: boolean): void;
+  renderBranch(render: BlockFn | undefined, transition: VaporTransitionHooks | undefined, parent: ParentNode | null, key: any, noScope?: boolean, notifyUpdated?: boolean): void;
+  hydrate(isEmpty?: boolean): void;
 }
 interface SlotBoundaryContext {
   parent: SlotBoundaryContext | null;
@@ -93,20 +100,20 @@ export declare function remove(block: Block, parent?: ParentNode): void;
 declare const interopKey: unique symbol;
 //#endregion
 //#region temp/packages/runtime-vapor/src/componentProps.d.ts
-type RawProps = Record<string, () => unknown> & {
+type RawProps = Record<string, unknown> & {
   $?: DynamicPropsSource[] & {
     [interopKey]?: boolean;
   };
 };
-type DynamicPropsSource = (() => Record<string, unknown>) | Record<string, () => unknown>;
+type DynamicPropsSource = (() => Record<string, unknown>) | Record<string, unknown>;
 //#endregion
 //#region temp/packages/runtime-vapor/src/renderEffect.d.ts
 declare class RenderEffect extends ReactiveEffect {
-  render: () => void;
   i: VaporComponentInstance | null;
   job: SchedulerJob;
-  updateJob: SchedulerJob;
-  constructor(render: () => void);
+  updateJob?: SchedulerJob;
+  render: () => void;
+  constructor(render: () => void, noLifecycle?: boolean);
   fn(): void;
   notify(): void;
 }
@@ -116,6 +123,9 @@ export declare function renderEffect(fn: () => void, noLifecycle?: boolean): voi
 type RawSlots = Record<string, VaporSlot> & {
   $?: DynamicSlotSource[];
 };
+type LooseRawSlots = VaporSlot | (Record<string, VaporSlot | DynamicSlotSource[]> & {
+  $?: DynamicSlotSource[];
+});
 type StaticSlots = Record<string, VaporSlot>;
 export type VaporSlot = BlockFn;
 type DynamicSlot = {
@@ -124,15 +134,7 @@ type DynamicSlot = {
 };
 type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
 type DynamicSlotSource = StaticSlots | DynamicSlotFn;
-/**
-* Wrap a slot function to track the slot owner.
-*
-* This ensures:
-* 1. createSlot gets rawSlots from the correct instance (slot owner)
-* 2. elements inherit the slot owner's scopeId
-*/
-export declare function withVaporCtx(fn: Function): BlockFn;
-export declare function createSlot(name: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, noSlotted?: boolean, once?: boolean): Block;
+export declare function createSlot(name?: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, flags?: number): Block;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiDefineComponent.d.ts
 export type VaporPublicProps = ReservedProps & AllowedComponentProps & ComponentCustomProps;
@@ -177,45 +179,6 @@ export declare function defineVaporComponent<TypeProps, RuntimePropsOptions exte
   __typeEl?: TypeBlock;
 } & ThisType<void>): DefineVaporComponent<RuntimePropsOptions, RuntimePropsKeys, InferredProps, ResolvedEmits, RuntimeEmitsKeys, Slots, Exposed extends Block ? Record<string, any> : Exposed, TypeBlock, TypeRefs, unknown extends TypeProps ? true : false>;
 //#endregion
-//#region temp/packages/runtime-vapor/src/components/Teleport.d.ts
-declare class TeleportFragment extends VaporFragment {
-  anchor?: Node;
-  private rawProps?;
-  private resolvedProps?;
-  private rawSlots?;
-  isDisabled?: boolean;
-  private isMounted;
-  private childrenInitialized;
-  private readonly ownerInstance;
-  private readonly childrenScope;
-  target?: ParentNode | null;
-  targetAnchor?: Node | null;
-  targetStart?: Node | null;
-  placeholder?: Node;
-  mountContainer?: ParentNode | null;
-  mountAnchor?: Node | null;
-  private mountToTargetJob?;
-  constructor(props: LooseRawProps, slots?: LooseRawSlots | null);
-  get parent(): ParentNode | null;
-  private initChildren;
-  private ensureChildrenInitialized;
-  private registerUpdateCssVars;
-  private bindChildren;
-  private handleChildrenUpdate;
-  private mount;
-  private mountToTarget;
-  private clearMainViewChildren;
-  private handlePropsUpdate;
-  insert: (container: ParentNode, anchor: Node | null) => void;
-  dispose: () => void;
-  remove: (_parent?: ParentNode) => void;
-  private hydrateTargetAnchors;
-  private hydrateDisabledTeleport;
-  private mountChildren;
-  hydrate: () => void;
-}
-export declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
-//#endregion
 //#region temp/packages/runtime-vapor/src/component.d.ts
 export type VaporComponent = FunctionalVaporComponent<any> | VaporComponentOptions | DefineVaporComponent;
 export type FunctionalVaporComponent<Props = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>> = ((props: Props & EmitsToProps<Emits>, ctx: {
@@ -258,13 +221,10 @@ interface SharedInternalOptions {
   */
   __emitsOptions?: ObjectEmitsOptions;
 }
-type LooseRawProps = Record<string, (() => unknown) | DynamicPropsSource[]> & {
+type LooseRawProps = Record<string, unknown> & {
   $?: DynamicPropsSource[];
 };
-type LooseRawSlots = Record<string, VaporSlot | DynamicSlotSource[]> & {
-  $?: DynamicSlotSource[];
-};
-export declare function createComponent(component: VaporComponent, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, appContext?: GenericAppContext, managedMount?: boolean): VaporComponentInstance;
+export declare function createComponent(component: VaporComponent, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, appContext?: GenericAppContext, managedMount?: boolean, ce?: (instance: VaporComponentInstance) => void): VaporComponentInstance;
 export declare class VaporComponentInstance<Props extends Record<string, any> = {}, Emits extends EmitsOptions = {}, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block = Block, TypeRefs extends Record<string, any> = Record<string, any>> implements GenericComponentInstance {
   vapor: true;
   uid: number;
@@ -297,11 +257,11 @@ export declare class VaporComponentInstance<Props extends Record<string, any> =
   asyncResolved: boolean;
   restoreAsyncContext?: () => void | (() => void);
   deferredHydrationBoundary?: () => void;
-  renderEffects?: RenderEffect[];
   hasFallthrough: boolean;
   shapeFlag?: number;
   $key?: any;
   oncePropsCache?: Record<string | symbol, any>;
+  isOnce: boolean;
   isMounted: boolean;
   isUnmounted: boolean;
   isDeactivated: boolean;
@@ -324,10 +284,10 @@ export declare class VaporComponentInstance<Props extends Record<string, any> =
   devtoolsRawSetupState?: any;
   hmrRerender?: () => void;
   hmrReload?: (newComp: VaporComponent) => void;
-  parentTeleport?: TeleportFragment | null;
   propsOptions?: NormalizedPropsOptions;
   emitsOptions?: ObjectEmitsOptions | null;
   isSingleRoot?: boolean;
+  renderEffects?: RenderEffect[];
   /**
   * dev only flag to track whether $attrs was used during render.
   * If $attrs was used during render then the warning for failed attrs
@@ -338,7 +298,7 @@ export declare class VaporComponentInstance<Props extends Record<string, any> =
   * @deprecated only used for JSX to detect props types.
   */
   $props: Props;
-  constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: RawSlots | null, appContext?: GenericAppContext, once?: boolean);
+  constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, appContext?: GenericAppContext, once?: boolean, ce?: (instance: VaporComponentInstance) => void);
   /**
   * Expose `getKeysFromRawProps` on the instance so it can be used in code
   * paths where it's needed, e.g. `useModel`
@@ -347,6 +307,12 @@ export declare class VaporComponentInstance<Props extends Record<string, any> =
 }
 export declare function isVaporComponent(value: unknown): value is VaporComponentInstance;
 /**
+* Resolve an asset component by name before passing it to the fallback helper;
+* a string passed directly to `createComponentWithFallback` is plain element
+* fallback, not a component name.
+*/
+export declare function createAssetComponent(name: string, rawProps?: LooseRawProps | null, rawSlots?: LooseRawSlots | null, isSingleRoot?: boolean, once?: boolean, maybeSelfReference?: boolean, appContext?: GenericAppContext): HTMLElement | VaporComponentInstance;
+/**
 * Used when a component cannot be resolved at compile time
 * and needs rely on runtime resolution - where it might fallback to a plain
 * element if the resolution fails.
@@ -369,6 +335,9 @@ export type VaporDirective = (node: Element | VaporComponentInstance, value?: ()
 type VaporDirectiveArguments = Array<[VaporDirective | undefined] | [VaporDirective | undefined, () => any] | [VaporDirective | undefined, (() => any) | undefined, argument: string] | [VaporDirective | undefined, value: (() => any) | undefined, argument: string | undefined, modifiers: DirectiveModifiers]>;
 export declare function withVaporDirectives(node: Element | VaporComponentInstance, dirs: VaporDirectiveArguments): void;
 //#endregion
+//#region temp/packages/runtime-vapor/src/components/Teleport.d.ts
+export declare const VaporTeleport: DefineVaporSetupFnComponent<TeleportProps>;
+//#endregion
 //#region temp/packages/runtime-vapor/src/components/KeepAlive.d.ts
 export declare const VaporKeepAlive: DefineVaporComponent<{}, string, KeepAliveProps>;
 //#endregion
@@ -437,7 +406,7 @@ export declare function setInsertionState(parent: ParentNode & {
 }, anchor?: Node | 0 | null, logicalIndex?: number): void;
 //#endregion
 //#region temp/packages/runtime-vapor/src/dom/template.d.ts
-export declare function template(html: string, root?: boolean, isStatic?: boolean, ns?: Namespace): () => Node & {
+export declare function template(html: string, flags?: number, ns?: Namespace): () => Node & {
   $root?: true;
 };
 //#endregion
@@ -489,16 +458,20 @@ export declare function setBlockHtml(block: Block & {
 export declare function setDynamicProps(el: any, args: any[], isSVG?: boolean): void;
 //#endregion
 //#region temp/packages/runtime-vapor/src/dom/event.d.ts
-export declare function on(el: Element, event: string, handler: (e: Event) => any | ((e: Event) => any)[], options?: AddEventListenerOptions & {
-  effect?: boolean;
-}): void;
-export declare function delegate(el: any, event: string, handler: (e: Event) => any): void;
+type EventHandler = (...args: any[]) => any;
+type EventHandlerValue = EventHandler | EventHandler[];
+type MaybeEventHandlerValue = EventHandlerValue | null | undefined;
+export declare function on(el: Element, event: string, handler: EventHandlerValue, options?: AddEventListenerOptions): void;
+export declare function onBinding(el: Element, event: string, handler: EventHandlerValue, options?: AddEventListenerOptions): void;
+export declare function delegate(el: any, event: string, handler: EventHandler): void;
 export declare const delegateEvents: (...names: string[]) => void;
-export declare function setDynamicEvents(el: HTMLElement, events: Record<string, (...args: any[]) => any>): void;
-export declare function createInvoker(handler: (...args: any[]) => any): (...args: any[]) => any;
+export declare function setDynamicEvents(el: HTMLElement, events: Record<string, EventHandlerValue>): void;
+export declare function withVaporModifiers<T extends (event: Event, ...args: unknown[]) => any>(fn: T | null | undefined, modifiers: string[]): T;
+export declare function withVaporKeys<T extends (event: KeyboardEvent) => any>(fn: T | null | undefined, modifiers: string[]): T;
+export declare function createInvoker(handler: MaybeEventHandlerValue): EventHandler;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiCreateIf.d.ts
-export declare function createIf(condition: () => any, b1: BlockFn, b2?: BlockFn, blockShape?: number, once?: boolean, index?: number): Block;
+export declare function createIf(condition: () => any, b1: BlockFn, b2?: BlockFn, flags?: number): Block;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiCreateFragment.d.ts
 /**
@@ -540,7 +513,7 @@ interface ForSelector {
 export declare function createSelector(source: () => any): ForSelector;
 export declare function createForSlots(rawSource: Source, getSlot: (item: any, key: any, index?: number) => DynamicSlot): DynamicSlot[];
 export declare function getRestElement(val: any, keys: string[]): any;
-export declare function getDefaultValue(val: any, defaultVal: any): any;
+export declare function getDefaultValue(val: any, getDefaultVal: () => any): any;
 //#endregion
 //#region temp/packages/runtime-vapor/src/helpers/useCssVars.d.ts
 export declare function useVaporCssVars(getter: () => Record<string, string>): void;
@@ -551,7 +524,7 @@ export declare function setBlockKey(block: (Block & {
 }) | null | undefined, key: any): void;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiCreateDynamicComponent.d.ts
-export declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: RawSlots | null, isSingleRoot?: boolean, once?: boolean): VaporFragment;
+export declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: LooseRawSlots | null, flags?: number): VaporFragment;
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiSetupHelpers.d.ts
 export declare function withAsyncContext(getAwaitable: () => any): [any, () => void];