cradova 3.7.11 → 3.7.12

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export * from "./primitives/functions.js";
 export * from "./primitives/dom-objects.js";
 export type { Func } from "./primitives/types.js";
 declare global {
-    interface Function {
-        cloneFunc(): () => HTMLElement;
-    }
+  interface Function {
+    cloneFunc(): () => HTMLElement;
+  }
 }

package/dist/index.js

@@ -411,11 +411,13 @@ class Signal {
         });
         return;
       }
-      if (!isArrowFunc(comp) && !comp.signals) {
-        comp = toFuncNoRender(comp);
-      } else {
-        console.error(` ✘  Cradova err:  ${String(comp)} is not a valid component or function`);
-        return;
+      if (!comp.signals) {
+        if (!isArrowFunc(comp)) {
+          comp = toFuncNoRender(comp);
+        } else {
+          console.error(` ✘  Cradova err:  ${String(comp)} is not a valid component or function`);
+          return;
+        }
       }
       if (comp.signals.get(eventName))
         return;

package/dist/primitives/classes.d.ts

@@ -3,23 +3,25 @@ import type { browserPageType, CradovaPageType } from "./types.js";
  * Cradova event
  */
 export declare class cradovaEvent {
-    /**
-     * the events runs only once and removed to avoid duplication when added on the next rendering
-     * these event are call and removed once when when a Function is rendered to the dom
-     * @param callback
-     */
-    after_comp_is_mounted: Function[];
-    /**
-     * the events runs once after comps unmounts.
-     * these event are called before a Function is rendered to the dom
-     * @param callback
-     */
-    after_page_is_killed: Function[];
-    /**
-     * Dispatch any event
-     * @param eventName
-     */
-    dispatchEvent(eventName: "after_comp_is_mounted" | "after_page_is_killed"): Promise<void>;
+  /**
+   * the events runs only once and removed to avoid duplication when added on the next rendering
+   * these event are call and removed once when when a Function is rendered to the dom
+   * @param callback
+   */
+  after_comp_is_mounted: Function[];
+  /**
+   * the events runs once after comps unmounts.
+   * these event are called before a Function is rendered to the dom
+   * @param callback
+   */
+  after_page_is_killed: Function[];
+  /**
+   * Dispatch any event
+   * @param eventName
+   */
+  dispatchEvent(
+    eventName: "after_comp_is_mounted" | "after_page_is_killed",
+  ): Promise<void>;
 }
 /**
  *  Cradova Signal
@@ -32,51 +34,54 @@ export declare class cradovaEvent {
  * @constructor initial: Record<string, any>, props: {persist}
  */
 export declare class Signal<Type extends Record<string, any>> {
-    private pn?;
-    private subs;
-    private listening_subs;
-    pipe: Type;
-    constructor(initial: Type, props?: {
-        persistName?: string | undefined;
-    });
-    /**
-     *  Cradova Signal
-     * ----
-     *  fires an action if available
-     * @param key - string key of the action
-     * @param data - data for the action
-     */
-    publish<T extends keyof Type>(eventName: T, data: Type[T]): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  fires actions if any available
-     */
-    batchPublish(events: Partial<Type>): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  subscribe to an event
-     *
-     * @param name of event.
-     * @param Func component to bind to.
-     */
-    subscribe<T extends keyof Type>(eventName: T | T[], comp: any): void;
-    /**
-     *  Cradova Signal
-     * ----
-     *  subscribe an element to an event
-     *
-     * @param name(s) of event.
-     * @param Func to bind to.
-     */
-    subscriber<T extends keyof Type>(eventName: T | T[], fn: (this: HTMLElement, data: Partial<Type>) => void): Signal<any>;
-    /**
-     *  Cradova Signal
-     * ----
-     * clear the history on local storage
-     */
-    clearPersist(): void;
+  private pn?;
+  private subs;
+  private listening_subs;
+  pipe: Type;
+  constructor(initial: Type, props?: {
+    persistName?: string | undefined;
+  });
+  /**
+   *  Cradova Signal
+   * ----
+   *  fires an action if available
+   * @param key - string key of the action
+   * @param data - data for the action
+   */
+  publish<T extends keyof Type>(eventName: T, data: Type[T]): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  fires actions if any available
+   */
+  batchPublish(events: Partial<Type>): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  subscribe to an event
+   *
+   * @param name of event.
+   * @param Func component to bind to.
+   */
+  subscribe<T extends keyof Type>(eventName: T | T[], comp: any): void;
+  /**
+   *  Cradova Signal
+   * ----
+   *  subscribe an element to an event
+   *
+   * @param name(s) of event.
+   * @param Func to bind to.
+   */
+  subscriber<T extends keyof Type>(
+    eventName: T | T[],
+    fn: (this: HTMLElement, data: Partial<Type>) => void,
+  ): Signal<any>;
+  /**
+   *  Cradova Signal
+   * ----
+   * clear the history on local storage
+   */
+  clearPersist(): void;
 }
 /**
  *  Cradova Page
@@ -86,9 +91,9 @@ export declare class Signal<Type extends Record<string, any>> {
  * @param template
  */
 export declare class Page {
-    constructor(pageParams: CradovaPageType);
-    private _takeSnapShot;
-    set onDeactivate(cb: () => Promise<void> | void);
+  constructor(pageParams: CradovaPageType);
+  private _takeSnapShot;
+  set onDeactivate(cb: () => Promise<void> | void);
 }
 /** cradova router
  * ---
@@ -98,63 +103,67 @@ export declare class Page {
  * @param  page the cradova document tree for the route.
  */
 export declare class Router {
-    /**
-     * cradova router
-     * ---
-     * Registers a route.
-     *
-     * accepts an object containing pat and page
-     */
-    static BrowserRoutes(obj: Record<string, browserPageType<Page | unknown>>): void;
-    /**
+  /**
+   * cradova router
+   * ---
+   * Registers a route.
+   *
+   * accepts an object containing pat and page
+   */
+  static BrowserRoutes(
+    obj: Record<string, browserPageType<Page | unknown>>,
+  ): void;
+  /**
       Pause navigation
       */
-    static pauseNavigation(): void;
-    /**
+  static pauseNavigation(): void;
+  /**
      resume navigation
     */
-    static resumeNavigation(): void;
-    /**
-     * Cradova Router
-     * ------
-     *
-     * Navigates to a designated page in your app
-     *
-     * @param href string
-     * @param data object
-     * @param force boolean
-     */
-    static navigate(href: string, data?: Record<string, any>): void;
-    /**
-     * Cradova
-     * ---
-     * Loading page for your app
-     *
-     * lazy loaded loading use
-     *
-     * @param page
-     */
-    static setLoadingPage(page: Page): void;
-    /**
-     * Cradova Router
-     * ------
-     *
-     * return last set router params
-     *
-     * .
-     */
-    static get PageData(): {
-        params: Record<string, string>;
-        data?: Record<string, any>;
-    };
-    /**
-     * Cradova
-     * ---
-     * Error Handler for your app
-     *
-     * @param callback
-     * @param path? page path
-     */
-    static addErrorHandler(callback: (err?: unknown, pagePath?: string) => void): void;
-    static _mount(): void;
+  static resumeNavigation(): void;
+  /**
+   * Cradova Router
+   * ------
+   *
+   * Navigates to a designated page in your app
+   *
+   * @param href string
+   * @param data object
+   * @param force boolean
+   */
+  static navigate(href: string, data?: Record<string, any>): void;
+  /**
+   * Cradova
+   * ---
+   * Loading page for your app
+   *
+   * lazy loaded loading use
+   *
+   * @param page
+   */
+  static setLoadingPage(page: Page): void;
+  /**
+   * Cradova Router
+   * ------
+   *
+   * return last set router params
+   *
+   * .
+   */
+  static get PageData(): {
+    params: Record<string, string>;
+    data?: Record<string, any>;
+  };
+  /**
+   * Cradova
+   * ---
+   * Error Handler for your app
+   *
+   * @param callback
+   * @param path? page path
+   */
+  static addErrorHandler(
+    callback: (err?: unknown, pagePath?: string) => void,
+  ): void;
+  static _mount(): void;
 }

package/dist/primitives/dom-objects.d.ts

@@ -1,38 +1,113 @@
 import { type VJS_params_TYPE } from "./types.js";
-export declare const a: (...Children_and_Properties: VJS_params_TYPE<HTMLAnchorElement>) => HTMLAnchorElement;
-export declare const audio: (...Children_and_Properties: VJS_params_TYPE<HTMLAudioElement>) => HTMLAudioElement;
-export declare const button: (...Children_and_Properties: VJS_params_TYPE<HTMLButtonElement>) => HTMLButtonElement;
-export declare const canvas: (...Children_and_Properties: VJS_params_TYPE<HTMLCanvasElement>) => HTMLCanvasElement;
-export declare const div: (...Children_and_Properties: VJS_params_TYPE<HTMLDivElement>) => HTMLDivElement;
-export declare const footer: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
-export declare const form: (...Children_and_Properties: VJS_params_TYPE<HTMLFormElement>) => HTMLFormElement;
-export declare const h1: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
-export declare const h2: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
-export declare const h3: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
-export declare const h4: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
-export declare const h5: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
-export declare const h6: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>) => HTMLHeadingElement;
-export declare const header: (...Children_and_Properties: VJS_params_TYPE<HTMLHeadElement>) => HTMLHeadElement;
-export declare const i: (...Children_and_Properties: VJS_params_TYPE<HTMLLIElement>) => HTMLLIElement;
-export declare const iframe: (...Children_and_Properties: VJS_params_TYPE<HTMLIFrameElement>) => HTMLIFrameElement;
-export declare const img: (...Children_and_Properties: VJS_params_TYPE<HTMLImageElement>) => HTMLImageElement;
-export declare const input: (...Children_and_Properties: VJS_params_TYPE<HTMLInputElement>) => HTMLInputElement;
-export declare const label: (...Children_and_Properties: VJS_params_TYPE<HTMLLabelElement>) => HTMLLabelElement;
-export declare const li: (...Children_and_Properties: VJS_params_TYPE<HTMLLIElement>) => HTMLLIElement;
-export declare const main: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
-export declare const nav: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
-export declare const ol: (...Children_and_Properties: VJS_params_TYPE<HTMLOListElement>) => HTMLOListElement;
-export declare const option: (...Children_and_Properties: VJS_params_TYPE<HTMLOptionElement>) => HTMLOptionElement;
-export declare const p: (...Children_and_Properties: VJS_params_TYPE<HTMLParagraphElement>) => HTMLParagraphElement;
-export declare const section: (...Children_and_Properties: VJS_params_TYPE<HTMLElement>) => HTMLElement;
-export declare const select: (...Children_and_Properties: VJS_params_TYPE<HTMLSelectElement>) => HTMLSelectElement;
-export declare const span: (...Children_and_Properties: VJS_params_TYPE<HTMLSpanElement>) => HTMLSpanElement;
-export declare const textarea: (...Children_and_Properties: VJS_params_TYPE<HTMLTextAreaElement>) => HTMLTextAreaElement;
-export declare const ul: (...Children_and_Properties: VJS_params_TYPE<HTMLUListElement>) => HTMLUListElement;
-export declare const video: (...Children_and_Properties: VJS_params_TYPE<HTMLVideoElement>) => HTMLVideoElement;
-export declare const tbody: (...Children_and_Properties: VJS_params_TYPE<HTMLTableElement>) => HTMLTableElement;
-export declare const table: (...Children_and_Properties: VJS_params_TYPE<HTMLTableSectionElement>) => HTMLTableSectionElement;
-export declare const td: (...Children_and_Properties: VJS_params_TYPE<HTMLTableCellElement>) => HTMLTableCellElement;
-export declare const tr: (...Children_and_Properties: VJS_params_TYPE<HTMLTableColElement>) => HTMLTableColElement;
-export declare const svg: (svg: string, properties?: VJS_params_TYPE<HTMLSpanElement>) => HTMLSpanElement;
-export declare const raw: (html: string | TemplateStringsArray) => DocumentFragment;
+export declare const a: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLAnchorElement>
+) => HTMLAnchorElement;
+export declare const audio: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLAudioElement>
+) => HTMLAudioElement;
+export declare const button: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLButtonElement>
+) => HTMLButtonElement;
+export declare const canvas: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLCanvasElement>
+) => HTMLCanvasElement;
+export declare const div: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLDivElement>
+) => HTMLDivElement;
+export declare const footer: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLElement>
+) => HTMLElement;
+export declare const form: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLFormElement>
+) => HTMLFormElement;
+export declare const h1: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>
+) => HTMLHeadingElement;
+export declare const h2: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>
+) => HTMLHeadingElement;
+export declare const h3: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>
+) => HTMLHeadingElement;
+export declare const h4: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>
+) => HTMLHeadingElement;
+export declare const h5: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>
+) => HTMLHeadingElement;
+export declare const h6: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadingElement>
+) => HTMLHeadingElement;
+export declare const header: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLHeadElement>
+) => HTMLHeadElement;
+export declare const i: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLLIElement>
+) => HTMLLIElement;
+export declare const iframe: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLIFrameElement>
+) => HTMLIFrameElement;
+export declare const img: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLImageElement>
+) => HTMLImageElement;
+export declare const input: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLInputElement>
+) => HTMLInputElement;
+export declare const label: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLLabelElement>
+) => HTMLLabelElement;
+export declare const li: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLLIElement>
+) => HTMLLIElement;
+export declare const main: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLElement>
+) => HTMLElement;
+export declare const nav: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLElement>
+) => HTMLElement;
+export declare const ol: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLOListElement>
+) => HTMLOListElement;
+export declare const option: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLOptionElement>
+) => HTMLOptionElement;
+export declare const p: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLParagraphElement>
+) => HTMLParagraphElement;
+export declare const section: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLElement>
+) => HTMLElement;
+export declare const select: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLSelectElement>
+) => HTMLSelectElement;
+export declare const span: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLSpanElement>
+) => HTMLSpanElement;
+export declare const textarea: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLTextAreaElement>
+) => HTMLTextAreaElement;
+export declare const ul: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLUListElement>
+) => HTMLUListElement;
+export declare const video: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLVideoElement>
+) => HTMLVideoElement;
+export declare const tbody: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLTableElement>
+) => HTMLTableElement;
+export declare const table: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLTableSectionElement>
+) => HTMLTableSectionElement;
+export declare const td: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLTableCellElement>
+) => HTMLTableCellElement;
+export declare const tr: (
+  ...Children_and_Properties: VJS_params_TYPE<HTMLTableColElement>
+) => HTMLTableColElement;
+export declare const svg: (
+  svg: string,
+  properties?: VJS_params_TYPE<HTMLSpanElement>,
+) => HTMLSpanElement;
+export declare const raw: (
+  html: string | TemplateStringsArray,
+) => DocumentFragment;

package/dist/primitives/functions.d.ts

@@ -1,22 +1,55 @@
 import type { Func, VJS_params_TYPE } from "./types.js";
-export declare const makeElement: <E extends HTMLElement>(element: E & HTMLElement, ElementChildrenAndPropertyList: VJS_params_TYPE<E>) => E;
-export declare const cra: <E extends HTMLElement>(tag: string) => (...Children_and_Properties: VJS_params_TYPE<E>) => E;
+export declare const makeElement: <E extends HTMLElement>(
+  element: E & HTMLElement,
+  ElementChildrenAndPropertyList: VJS_params_TYPE<E>,
+) => E;
+export declare const cra: <E extends HTMLElement>(
+  tag: string,
+) => (...Children_and_Properties: VJS_params_TYPE<E>) => E;
 /**
  * @param {expression} condition
  * @param {function} elements[]
  */
-export declare function $if<E extends HTMLElement>(condition: any, ...elements: VJS_params_TYPE<E>): any;
-export declare function $ifelse(condition: any, ifTrue: any, ifFalse?: any): any;
-export declare function $case<E extends HTMLElement = HTMLElement>(value: any, ...elements: VJS_params_TYPE<E>): (key: any) => VJS_params_TYPE<E> | undefined;
-export declare function $switch(key: unknown, ...cases: ((key: any) => any)[]): any;
+export declare function $if<E extends HTMLElement>(
+  condition: any,
+  ...elements: VJS_params_TYPE<E>
+): any;
+export declare function $ifelse(
+  condition: any,
+  ifTrue: any,
+  ifFalse?: any,
+): any;
+export declare function $case<E extends HTMLElement = HTMLElement>(
+  value: any,
+  ...elements: VJS_params_TYPE<E>
+): (key: any) => VJS_params_TYPE<E> | undefined;
+export declare function $switch(
+  key: unknown,
+  ...cases: ((key: any) => any)[]
+): any;
 type LoopData<Type> = Type[];
-export declare function loop<Type>(datalist: LoopData<Type>, component: (value: Type, index?: number, array?: LoopData<Type>) => HTMLElement | HTMLElement[] | DocumentFragment | DocumentFragment[] | undefined | undefined[]): HTMLElement[] | undefined;
+export declare function loop<Type>(
+  datalist: LoopData<Type>,
+  component: (
+    value: Type,
+    index?: number,
+    array?: LoopData<Type>,
+  ) =>
+    | HTMLElement
+    | HTMLElement[]
+    | DocumentFragment
+    | DocumentFragment[]
+    | undefined
+    | undefined[],
+): HTMLElement[] | undefined;
 /**
  * Document fragment
  * @param children
  * @returns
  */
-export declare const frag: (children: VJS_params_TYPE<HTMLElement>) => DocumentFragment;
+export declare const frag: (
+  children: VJS_params_TYPE<HTMLElement>,
+) => DocumentFragment;
 /**
  * Cradova
  * ---
@@ -25,7 +58,10 @@ export declare const frag: (children: VJS_params_TYPE<HTMLElement>) => DocumentF
  * @param Func
  * @returns [state, setState]
  */
-export declare function useState<S = unknown>(newState: S, self: any): [S, (newState: S | ((preS: S) => S)) => void];
+export declare function useState<S = unknown>(
+  newState: S,
+  self: any,
+): [S, (newState: S | ((preS: S) => S)) => void];
 /**
  * Cradova
  * ---
@@ -40,17 +76,19 @@ export declare function useEffect(effect: () => void, self: Func): void;
  * make reference to dom elements
  */
 declare class __raw_ref {
-    tree: Record<string, any>;
-    /**
-     * Bind a DOM element to a reference name.
-     * @param name - The name to reference the DOM element by.
-     */
-    bindAs(name: string): __raw_ref;
-    /**
-     * Retrieve a referenced DOM element.
-     * @param name - The name of the referenced DOM element.
-     */
-    elem<ElementType extends HTMLElement = HTMLElement>(name: string): ElementType | undefined;
+  tree: Record<string, any>;
+  /**
+   * Bind a DOM element to a reference name.
+   * @param name - The name to reference the DOM element by.
+   */
+  bindAs(name: string): __raw_ref;
+  /**
+   * Retrieve a referenced DOM element.
+   * @param name - The name of the referenced DOM element.
+   */
+  elem<ElementType extends HTMLElement = HTMLElement>(
+    name: string,
+  ): ElementType | undefined;
 }
 /**
  * Cradova
@@ -63,8 +101,8 @@ export declare const getSignal: (name: string, func: Func) => any;
 export declare const isArrowFunc: (fn: Function) => boolean;
 export declare const toFuncNoRender: (func: any) => any;
 export declare const funcManager: {
-    render(func: Func): HTMLElement;
-    recall(func: Func): void;
-    activate(func: Func): Promise<void>;
+  render(func: Func): HTMLElement;
+  recall(func: Func): void;
+  activate(func: Func): Promise<void>;
 };
 export {};

package/dist/primitives/types.d.ts

@@ -1,6 +1,7 @@
 import * as CSS from "csstype";
 import { __raw_ref, Page, Signal } from "./classes.js";
-type Attributes<E extends HTMLElement> = {
+type Attributes<E extends HTMLElement> =
+  & {
     ref?: __raw_ref;
     value?: any;
     subscription?: Signal<any>;
@@ -9,70 +10,106 @@ type Attributes<E extends HTMLElement> = {
     [key: `data-${string}`]: string | undefined;
     [key: `aria-${string}`]: string | undefined;
     [key: `on${string}`]: (this: E, event: Event) => void;
-} & {
+  }
+  & {
     /**
      * Cradova calls this function when this element is rendered on the DOM.
      */
     onmount?: (this: E) => void;
-} & Partial<Omit<E, "style" | `data-${string}` | `aria-${string}` | `on${string}` | "ref" | "recall">>;
-export type VJS_params_TYPE<E extends HTMLElement> = (undefined | string | HTMLElement | HTMLElement[] | DocumentFragment | DocumentFragment[] | (() => HTMLElement) | Partial<Attributes<E>> | {
+  }
+  & Partial<
+    Omit<
+      E,
+      | "style"
+      | `data-${string}`
+      | `aria-${string}`
+      | `on${string}`
+      | "ref"
+      | "recall"
+    >
+  >;
+export type VJS_params_TYPE<E extends HTMLElement> = (
+  | undefined
+  | string
+  | HTMLElement
+  | HTMLElement[]
+  | DocumentFragment
+  | DocumentFragment[]
+  | (() => HTMLElement)
+  | Partial<Attributes<E>>
+  | {
     style: CSS.Properties;
-})[];
+  }
+)[];
 export interface RouterRouteObject {
-    _html: ((this: Page, data?: unknown) => HTMLElement | DocumentFragment) | HTMLElement | DocumentFragment;
-    _delegatedRoutes: number | boolean;
-    _Activate: (force: boolean) => Promise<void>;
-    _deActivate: (params: object) => void;
-    _package: (params: unknown) => void;
-    _errorHandler: ((err: unknown) => void) | null;
-    _derive(): {
-        _name: string;
-        _callBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
-        _deCallBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
-    };
-    _apply_derivation(data: {
-        _name: string;
-        _callBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
-        _deCallBack: ((cradovaPageSet: HTMLElement) => void | Promise<void>) | undefined;
-    }): unknown;
+  _html:
+    | ((this: Page, data?: unknown) => HTMLElement | DocumentFragment)
+    | HTMLElement
+    | DocumentFragment;
+  _delegatedRoutes: number | boolean;
+  _Activate: (force: boolean) => Promise<void>;
+  _deActivate: (params: object) => void;
+  _package: (params: unknown) => void;
+  _errorHandler: ((err: unknown) => void) | null;
+  _derive(): {
+    _name: string;
+    _callBack:
+      | ((cradovaPageSet: HTMLElement) => void | Promise<void>)
+      | undefined;
+    _deCallBack:
+      | ((cradovaPageSet: HTMLElement) => void | Promise<void>)
+      | undefined;
+  };
+  _apply_derivation(data: {
+    _name: string;
+    _callBack:
+      | ((cradovaPageSet: HTMLElement) => void | Promise<void>)
+      | undefined;
+    _deCallBack:
+      | ((cradovaPageSet: HTMLElement) => void | Promise<void>)
+      | undefined;
+  }): unknown;
 }
 export type CradovaPageType = {
-    /**
-     * Cradova page
-     * ---
-     * title of the page
-     * .
-     */
-    name?: string;
-    /**
-     * Cradova page
-     * ---
-     * The component for the page
-     * @param data
-     * @returns void
-     * .
-     */
-    template: (this: any) => HTMLElement;
-    /**
-     * Cradova page
-     * ---
-     * a snapshot is the initial render of a page.
-     * snapshot isolation allows for good SEO guarantee with the flexibility of client based rendering
-     * the origin server should accept post requesting to save a snapshot of this page for future use.
-     * the origin server should respond with the snapshot for future request to the page url
-     * the origin server should implement suitable mechanisms to invalidate it's caches
-     */
-    snapshotIsolation?: boolean;
+  /**
+   * Cradova page
+   * ---
+   * title of the page
+   * .
+   */
+  name?: string;
+  /**
+   * Cradova page
+   * ---
+   * The component for the page
+   * @param data
+   * @returns void
+   * .
+   */
+  template: (this: any) => HTMLElement;
+  /**
+   * Cradova page
+   * ---
+   * a snapshot is the initial render of a page.
+   * snapshot isolation allows for good SEO guarantee with the flexibility of client based rendering
+   * the origin server should accept post requesting to save a snapshot of this page for future use.
+   * the origin server should respond with the snapshot for future request to the page url
+   * the origin server should implement suitable mechanisms to invalidate it's caches
+   */
+  snapshotIsolation?: boolean;
 };
-export type browserPageType<importType = Page> = importType | Promise<importType> | (() => Promise<importType>);
+export type browserPageType<importType = Page> =
+  | importType
+  | Promise<importType>
+  | (() => Promise<importType>);
 export type Func = {
-    (): HTMLElement;
-    rendered?: boolean;
-    published?: boolean;
-    reference?: HTMLElement | null;
-    signals?: Map<string, Signal<any>>;
-    pipes?: Map<string, any>;
-    _state?: unknown[];
-    _state_index?: number;
+  (): HTMLElement;
+  rendered?: boolean;
+  published?: boolean;
+  reference?: HTMLElement | null;
+  signals?: Map<string, Signal<any>>;
+  pipes?: Map<string, any>;
+  _state?: unknown[];
+  _state_index?: number;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cradova",
-  "version": "3.7.11",
+  "version": "3.7.12",
   "description": "Build Powerful ⚡ Web Apps with Ease",
   "main": "dist/index.js",
   "type": "module",