sample-cross-fx 0.15.0-beta.4630 → 0.15.0-beta.4670

package/app/index.d.ts

@@ -8,1208 +8,1210 @@ import * as SolidJs from 'solid-js';
 import * as ReactRouter from 'react-router';
 import * as AngularCore from '@angular/core';
 
-declare module "sample-cross-fx" {
-  /**
-   * Defines the API accessible from pilets.
-   */
-  export interface PiletApi extends EventEmitter, PiletCustomApi, PiletCoreApi {
-    /**
-     * Gets the metadata of the current pilet.
-     */
-    meta: PiletMetadata;
-  }
-
-  /**
-   * The emitter for Piral app shell events.
-   */
-  export interface EventEmitter {
-    /**
-     * Attaches a new event listener.
-     * @param type The type of the event to listen for.
-     * @param callback The callback to trigger.
-     */
-    on<K extends keyof PiralEventMap>(type: K, callback: Listener<PiralEventMap[K]>): EventEmitter;
-    /**
-     * Detaches an existing event listener.
-     * @param type The type of the event to listen for.
-     * @param callback The callback to trigger.
-     */
-    off<K extends keyof PiralEventMap>(type: K, callback: Listener<PiralEventMap[K]>): EventEmitter;
-    /**
-     * Emits a new event with the given type.
-     * @param type The type of the event to emit.
-     * @param arg The payload of the event.
-     */
-    emit<K extends keyof PiralEventMap>(type: K, arg: PiralEventMap[K]): EventEmitter;
-  }
-
-  /**
-   * Custom Pilet API parts defined outside of piral-core.
-   */
-  export interface PiletCustomApi extends PiletVueApi, PiletNgApi, PiletNgjsApi, PiletHyperappApi, PiletInfernoApi, PiletPreactApi, PiletLazyApi, PiletLitElApi, PiletMithrilApi, PiletAureliaApi, PiletRiotApi, PiletElmApi, PiletSvelteApi, PiletBlazorApi, PiletSolidApi, PiletDashboardApi {}
-
-  /**
-   * Defines the Pilet API from piral-core.
-   * This interface will be consumed by pilet developers so that their pilet can interact with the piral instance.
-   */
-  export interface PiletCoreApi {
-    /**
-     * Gets a shared data value.
-     * @param name The name of the data to retrieve.
-     */
-    getData<TKey extends string>(name: TKey): SharedData[TKey];
-    /**
-     * Sets the data using a given name. The name needs to be used exclusively by the current pilet.
-     * Using the name occupied by another pilet will result in no change.
-     * @param name The name of the data to store.
-     * @param value The value of the data to store.
-     * @param options The optional configuration for storing this piece of data.
-     * @returns True if the data could be set, otherwise false.
-     */
-    setData<TKey extends string>(name: TKey, value: SharedData[TKey], options?: DataStoreOptions): boolean;
-    /**
-     * Registers a route for predefined page component.
-     * The route needs to be unique and can contain params.
-     * Params are following the path-to-regexp notation, e.g., :id for an id parameter.
-     * @param route The route to register.
-     * @param Component The component to render the page.
-     * @param meta The optional metadata to use.
-     */
-    registerPage(route: string, Component: AnyComponent<PageComponentProps>, meta?: PiralPageMeta): RegistrationDisposer;
-    /**
-     * Unregisters the page identified by the given route.
-     * @param route The route that was previously registered.
-     */
-    unregisterPage(route: string): void;
-    /**
-     * Registers an extension component with a predefined extension component.
-     * The name must refer to the extension slot.
-     * @param name The global name of the extension slot.
-     * @param Component The component to be rendered.
-     * @param defaults Optionally, sets the default values for the expected data.
-     */
-    registerExtension<TName>(name: TName extends string ? TName : string, Component: AnyExtensionComponent<TName>, defaults?: Partial<ExtensionParams<TName>>): RegistrationDisposer;
-    /**
-     * Unregisters a global extension component.
-     * Only previously registered extension components can be unregistered.
-     * @param name The name of the extension slot to unregister from.
-     * @param Component The registered extension component to unregister.
-     */
-    unregisterExtension<TName>(name: TName extends string ? TName : string, Component: AnyExtensionComponent<TName>): void;
-    /**
-     * React component for displaying extensions for a given name.
-     * @param props The extension's rendering props.
-     * @return The created React element.
-     */
-    Extension<TName>(props: ExtensionSlotProps<TName>): React.ReactElement | null;
-    /**
-     * Renders an extension in a plain DOM component.
-     * @param element The DOM element or shadow root as a container for rendering the extension.
-     * @param props The extension's rendering props.
-     * @return The disposer to clear the extension.
-     */
-    renderHtmlExtension<TName>(element: HTMLElement | ShadowRoot, props: ExtensionSlotProps<TName>): Disposable;
-  }
-
-  /**
-   * Describes the metadata of a pilet available in its API.
-   */
-  export interface PiletMetadata {
-    /**
-     * The name of the pilet, i.e., the package id.
-     */
-    name: string;
-    /**
-     * The version of the pilet. Should be semantically versioned.
-     */
-    version: string;
-    /**
-     * Provides the version of the specification for this pilet.
-     */
-    spec: string;
-    /**
-     * Provides some custom metadata for the pilet.
-     */
-    custom?: any;
-    /**
-     * Optionally indicates the global require reference, if any.
-     */
-    requireRef?: string;
-    /**
-     * Additional shared dependencies from the pilet.
-     */
-    dependencies: Record<string, string>;
-    /**
-     * Provides some configuration to be used in the pilet.
-     */
-    config: Record<string, any>;
-    /**
-     * The URL of the main script of the pilet.
-     */
-    link: string;
-    /**
-     * The base path to the pilet. Can be used to make resource requests
-     * and override the public path.
-     */
-    basePath: string;
-  }
-
-  /**
-   * Listener for Piral app shell events.
-   */
-  export interface Listener<T> {
-    (arg: T): void;
-  }
-
-  /**
-   * The map of known Piral app shell events.
-   */
-  export interface PiralEventMap extends PiralCustomEventMap {
-    "unload-pilet": PiralUnloadPiletEvent;
-    [custom: string]: any;
-    "store-data": PiralStoreDataEvent;
-  }
-
-  /**
-   * Defines the provided set of Vue Pilet API extensions.
-   */
-  export interface PiletVueApi {
-    /**
-     * Wraps a Vue component for use in Piral.
-     * @param component The root component.
-     * @param captured The optionally captured props.
-     * @returns The Piral Vue component.
-     */
-    fromVue<TProps>(component: Vue.Component<TProps>, captured?: Record<string, any>): VueComponent<TProps>;
-    /**
-     * Vue component for displaying extensions of the given name.
-     */
-    VueExtension: Vue.Component<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of Angular Pilet API extensions.
-   */
-  export interface PiletNgApi {
-    /**
-     * Defines the module to use when bootstrapping the Angular pilet.
-     */
-    defineNgModule: NgModuleDefiner;
-    /**
-     * Wraps an Angular component for use in Piral. Might reuse a previously
-     * defined module if the component was exported from it.
-     * Alternatively, a module might be passed in, where the first component
-     * of either the bootstrap or the entryComponents declaration is used.
-     * @param component The component root.
-     * @returns The Piral Ng component.
-     */
-    fromNg(component: any): NgComponent;
-    /**
-     * Angular component for displaying extensions of the given name.
-     */
-    NgExtension: any;
-  }
-
-  /**
-   * Defines the provided set of Angular Pilet API extensions.
-   */
-  export interface PiletNgjsApi {
-    /**
-     * Wraps an Angular.js module for use in Piral.
-     * @param name The name of the component.
-     * @param root The module root.
-     * @returns The Piral Ngjs component.
-     */
-    fromNgjs(name: string, root: Angular.IModule): NgjsComponent;
-    /**
-     * Angular.js component for displaying extensions of the given name.
-     */
-    NgjsExtension: Angular.IModule;
-  }
-
-  /**
-   * Defines the provided set of the Hyperapp plugin.
-   */
-  export interface PiletHyperappApi {
-    /**
-     * Wraps a Hyperapp component for use in Piral.
-     * @param component The component root.
-     * @param state The local state of the component.
-     * @param actions The actions available to the component.
-     * @returns The Piral Hyperapp component.
-     */
-    fromHyperapp<TProps>(component: Component<TProps>, state?: any, actions?: any): HyperappComponent<TProps>;
-    /**
-     * Hyperapp component for displaying extensions of the given name.
-     */
-    HyperappExtension: Component<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of Pilet API extensions from the Inferno plugin.
-   */
-  export interface PiletInfernoApi {
-    /**
-     * Wraps an Inferno component for use in Piral.
-     * @param component The component root.
-     * @returns The Piral Inferno component.
-     */
-    fromInferno<TProps>(component: Inferno.ComponentType<TProps>): InfernoComponent<TProps>;
-    /**
-     * Inferno component for displaying extensions of the given name.
-     */
-    InfernoExtension: Inferno.Component<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of Preact Pilet API extensions.
-   */
-  export interface PiletPreactApi {
-    /**
-     * Wraps an Preact component for use in Piral.
-     * @param component The component root.
-     * @returns The Piral Preact component.
-     */
-    fromPreact<TProps>(component: Preact.ComponentType<TProps>): PreactComponent<TProps>;
-    /**
-     * Preact component for displaying extensions of the given name.
-     */
-    PreactExtension: Preact.ComponentType<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of lazy loading Pilet API extensions.
-   */
-  export interface PiletLazyApi {
-    /**
-     * Defines a dependency for lazy loading.
-     * @param name The name of the dependency.
-     * @param loader The associated dependency loader.
-     */
-    defineDependency(name: string, loader: LazyDependencyLoader): void;
-    /**
-     * Properly introduces a lazy loaded foreign component.
-     * @param cb The callback to trigger when the component should be loaded.
-     * @param deps The optional names of the dependencies to load beforehand.
-     * @returns The lazy loading component.
-     */
-    fromLazy<T extends BaseComponentProps>(cb: LazyComponentLoader<T>, deps?: Array<string>): React.ComponentType<T & {
-      deps?: Record<string, any>;
-    }>;
-  }
-
-  /**
-   * Defines the provided set of LitElement Pilet API extensions.
-   */
-  export interface PiletLitElApi {
-    /**
-     * Wraps a LitElement component for use in Piral.
-     * @param component The name of the root component.
-     * @returns The Piral LitElement component.
-     */
-    fromLitEl(elementName: string): LitElComponent;
-    /**
-     * Gets the name of the LitElement extension.
-     */
-    LitElExtension: string;
-  }
-
-  /**
-   * Defines the provided set of Mithril.js Pilet API extensions.
-   */
-  export interface PiletMithrilApi {
-    /**
-     * Wraps an Mithril.js component for use in Piral.
-     * @param component The component root.
-     * @param captured The optionally captured props.
-     * @returns The Piral Mithril.js component.
-     */
-    fromMithril<TProps>(component: Component___1<TProps>, captured?: Record<string, any>): MithrilComponent<TProps>;
-    /**
-     * Mithril.js component for displaying extensions of the given name.
-     */
-    MithrilExtension: Component___1<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of Aurelia Pilet API extensions.
-   */
-  export interface PiletAureliaApi {
-    /**
-     * Wraps an Aurelia component for use in Piral.
-     * @param component The component root.
-     * @returns The Piral Aurelia component.
-     */
-    fromAurelia<TProps>(component: AureliaModule<TProps>): AureliaComponent<TProps>;
-    /**
-     * Aurelia component for displaying extensions of the given name.
-     */
-    AureliaExtension: AureliaModule<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of Riot.js Pilet API extensions.
-   */
-  export interface PiletRiotApi {
-    /**
-     * Wraps an Riot.js component for use in Piral.
-     * @param component The component root.
-     * @param captured The optionally captured props.
-     * @returns The Piral Riot.js component.
-     */
-    fromRiot<TProps>(component: Riot.RiotComponentShell<TProps>, captured?: Record<string, any>): RiotComponent<TProps>;
-    /**
-     * Riot.js component for displaying extensions of the given name.
-     */
-    RiotExtension: Riot.RiotComponentShell<ExtensionSlotProps>;
-  }
-
-  /**
-   * Defines the provided set of Elm Pilet API extensions.
-   */
-  export interface PiletElmApi {
-    /**
-     * Wraps a Elm module for use in Piral.
-     * @param main The name of the root component.
-     * @param captured The optionally captured props.
-     * @returns The Piral Elm component.
-     */
-    fromElm<TProps>(main: ElmModule<TProps>, captured?: Record<string, any>): ElmComponent<TProps>;
-    /**
-     * Gets the name of the Elm extension.
-     */
-    ElmExtension: string;
-  }
-
-  /**
-   * Defines the provided set of Svelte Pilet API extensions.
-   */
-  export interface PiletSvelteApi {
-    /**
-     * Wraps a Svelte module for use in Piral.
-     * @param Component The name of the root component.
-     * @param captured The optionally captured props.
-     * @returns The Piral Svelte component.
-     */
-    fromSvelte<TProps>(Component: SvelteModule<TProps>, captured?: Record<string, any>): SvelteComponent<TProps>;
-    /**
-     * Gets the name of the Svelte extension.
-     */
-    SvelteExtension: string;
-  }
-
-  /**
-   * Defines the provided set of Blazor Pilet API extensions.
-   */
-  export interface PiletBlazorApi {
-    /**
-     * Defines the additional libraries (and their symbols) to Blazor via
-     * their URLs.
-     * @param referenceUrls The URLs pointing to the different DLLs to include.
-     */
-    defineBlazorReferences(referenceUrls: Array<string>): void;
-    /**
-     * Wraps a Blazor module for use in Piral.
-     * @param moduleName The name of the exposed Blazor component.
-     * @param args The optional props to use as arguments for the Blazor component.
-     * @returns The Piral Blazor component.
-     */
-    fromBlazor(moduleName: string, args?: Record<string, any>): BlazorComponent;
-    /**
-     * Defines the additional options to be shared by all Blazor components.
-     * @param options The options for the Blazor components.
-     */
-    defineBlazorOptions(options: BlazorOptions): void;
-    /**
-     * Releases all defined blazor references from the current pilet.
-     */
-    releaseBlazorReferences(): void;
-  }
+/**
+ * Defines the API accessible from pilets.
+ */
+export interface PiletApi extends EventEmitter, PiletCustomApi, PiletCoreApi {
+  /**
+   * Gets the metadata of the current pilet.
+   */
+  meta: PiletMetadata;
+}
+
+/**
+ * The emitter for Piral app shell events.
+ */
+export interface EventEmitter {
+  /**
+   * Attaches a new event listener.
+   * @param type The type of the event to listen for.
+   * @param callback The callback to trigger.
+   */
+  on<K extends keyof PiralEventMap>(type: K, callback: Listener<PiralEventMap[K]>): EventEmitter;
+  /**
+   * Detaches an existing event listener.
+   * @param type The type of the event to listen for.
+   * @param callback The callback to trigger.
+   */
+  off<K extends keyof PiralEventMap>(type: K, callback: Listener<PiralEventMap[K]>): EventEmitter;
+  /**
+   * Emits a new event with the given type.
+   * @param type The type of the event to emit.
+   * @param arg The payload of the event.
+   */
+  emit<K extends keyof PiralEventMap>(type: K, arg: PiralEventMap[K]): EventEmitter;
+}
+
+/**
+ * Custom Pilet API parts defined outside of piral-core.
+ */
+export interface PiletCustomApi extends PiletVueApi, PiletNgApi, PiletNgjsApi, PiletHyperappApi, PiletInfernoApi, PiletPreactApi, PiletLazyApi, PiletLitElApi, PiletMithrilApi, PiletAureliaApi, PiletRiotApi, PiletElmApi, PiletSvelteApi, PiletBlazorApi, PiletSolidApi, PiletDashboardApi {}
+
+/**
+ * Defines the Pilet API from piral-core.
+ * This interface will be consumed by pilet developers so that their pilet can interact with the piral instance.
+ */
+export interface PiletCoreApi {
+  /**
+   * Gets a shared data value.
+   * @param name The name of the data to retrieve.
+   */
+  getData<TKey extends string>(name: TKey): SharedData[TKey];
+  /**
+   * Sets the data using a given name. The name needs to be used exclusively by the current pilet.
+   * Using the name occupied by another pilet will result in no change.
+   * @param name The name of the data to store.
+   * @param value The value of the data to store.
+   * @param options The optional configuration for storing this piece of data.
+   * @returns True if the data could be set, otherwise false.
+   */
+  setData<TKey extends string>(name: TKey, value: SharedData[TKey], options?: DataStoreOptions): boolean;
+  /**
+   * Registers a route for predefined page component.
+   * The route needs to be unique and can contain params.
+   * Params are following the path-to-regexp notation, e.g., :id for an id parameter.
+   * @param route The route to register.
+   * @param Component The component to render the page.
+   * @param meta The optional metadata to use.
+   */
+  registerPage(route: string, Component: AnyComponent<PageComponentProps>, meta?: PiralPageMeta): RegistrationDisposer;
+  /**
+   * Unregisters the page identified by the given route.
+   * @param route The route that was previously registered.
+   */
+  unregisterPage(route: string): void;
+  /**
+   * Registers an extension component with a predefined extension component.
+   * The name must refer to the extension slot.
+   * @param name The global name of the extension slot.
+   * @param Component The component to be rendered.
+   * @param defaults Optionally, sets the default values for the expected data.
+   */
+  registerExtension<TName>(name: TName extends string ? TName : string, Component: AnyExtensionComponent<TName>, defaults?: Partial<ExtensionParams<TName>>): RegistrationDisposer;
+  /**
+   * Unregisters a global extension component.
+   * Only previously registered extension components can be unregistered.
+   * @param name The name of the extension slot to unregister from.
+   * @param Component The registered extension component to unregister.
+   */
+  unregisterExtension<TName>(name: TName extends string ? TName : string, Component: AnyExtensionComponent<TName>): void;
+  /**
+   * React component for displaying extensions for a given name.
+   * @param props The extension's rendering props.
+   * @return The created React element.
+   */
+  Extension<TName>(props: ExtensionSlotProps<TName>): React.ReactElement | null;
+  /**
+   * Renders an extension in a plain DOM component.
+   * @param element The DOM element or shadow root as a container for rendering the extension.
+   * @param props The extension's rendering props.
+   * @return The disposer to clear the extension.
+   */
+  renderHtmlExtension<TName>(element: HTMLElement | ShadowRoot, props: ExtensionSlotProps<TName>): Disposable;
+}
+
+/**
+ * Describes the metadata of a pilet available in its API.
+ */
+export interface PiletMetadata {
+  /**
+   * The name of the pilet, i.e., the package id.
+   */
+  name: string;
+  /**
+   * The version of the pilet. Should be semantically versioned.
+   */
+  version: string;
+  /**
+   * Provides the version of the specification for this pilet.
+   */
+  spec: string;
+  /**
+   * Provides some custom metadata for the pilet.
+   */
+  custom?: any;
+  /**
+   * Optionally indicates the global require reference, if any.
+   */
+  requireRef?: string;
+  /**
+   * Additional shared dependencies from the pilet.
+   */
+  dependencies: Record<string, string>;
+  /**
+   * Provides some configuration to be used in the pilet.
+   */
+  config: Record<string, any>;
+  /**
+   * The URL of the main script of the pilet.
+   */
+  link: string;
+  /**
+   * The base path to the pilet. Can be used to make resource requests
+   * and override the public path.
+   */
+  basePath: string;
+}
+
+/**
+ * Listener for Piral app shell events.
+ */
+export interface Listener<T> {
+  (arg: T): void;
+}
+
+/**
+ * The map of known Piral app shell events.
+ */
+export interface PiralEventMap extends PiralCustomEventMap {
+  "unload-pilet": PiralUnloadPiletEvent;
+  [custom: string]: any;
+  "store-data": PiralStoreDataEvent;
+}
+
+/**
+ * Defines the provided set of Vue Pilet API extensions.
+ */
+export interface PiletVueApi {
+  /**
+   * Wraps a Vue component for use in Piral.
+   * @param component The root component.
+   * @param captured The optionally captured props.
+   * @returns The Piral Vue component.
+   */
+  fromVue<TProps>(component: Vue.Component<TProps>, captured?: Record<string, any>): VueComponent<TProps>;
+  /**
+   * Vue component for displaying extensions of the given name.
+   */
+  VueExtension: Vue.Component<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of Angular Pilet API extensions.
+ */
+export interface PiletNgApi {
+  /**
+   * Defines the module to use when bootstrapping the Angular pilet.
+   */
+  defineNgModule: NgModuleDefiner;
+  /**
+   * Wraps an Angular component for use in Piral. Might reuse a previously
+   * defined module if the component was exported from it.
+   * Alternatively, a module might be passed in, where the first component
+   * of either the bootstrap or the entryComponents declaration is used.
+   * @param component The component root.
+   * @returns The Piral Ng component.
+   */
+  fromNg(component: any): NgComponent;
+  /**
+   * Angular component for displaying extensions of the given name.
+   */
+  NgExtension: any;
+}
+
+/**
+ * Defines the provided set of Angular Pilet API extensions.
+ */
+export interface PiletNgjsApi {
+  /**
+   * Wraps an Angular.js module for use in Piral.
+   * @param name The name of the component.
+   * @param root The module root.
+   * @returns The Piral Ngjs component.
+   */
+  fromNgjs(name: string, root: Angular.IModule): NgjsComponent;
+  /**
+   * Angular.js component for displaying extensions of the given name.
+   */
+  NgjsExtension: Angular.IModule;
+}
+
+/**
+ * Defines the provided set of the Hyperapp plugin.
+ */
+export interface PiletHyperappApi {
+  /**
+   * Wraps a Hyperapp component for use in Piral.
+   * @param component The component root.
+   * @param state The local state of the component.
+   * @param actions The actions available to the component.
+   * @returns The Piral Hyperapp component.
+   */
+  fromHyperapp<TProps>(component: Component<TProps>, state?: any, actions?: any): HyperappComponent<TProps>;
+  /**
+   * Hyperapp component for displaying extensions of the given name.
+   */
+  HyperappExtension: Component<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of Pilet API extensions from the Inferno plugin.
+ */
+export interface PiletInfernoApi {
+  /**
+   * Wraps an Inferno component for use in Piral.
+   * @param component The component root.
+   * @returns The Piral Inferno component.
+   */
+  fromInferno<TProps>(component: Inferno.ComponentType<TProps>): InfernoComponent<TProps>;
+  /**
+   * Inferno component for displaying extensions of the given name.
+   */
+  InfernoExtension: Inferno.Component<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of Preact Pilet API extensions.
+ */
+export interface PiletPreactApi {
+  /**
+   * Wraps an Preact component for use in Piral.
+   * @param component The component root.
+   * @returns The Piral Preact component.
+   */
+  fromPreact<TProps>(component: Preact.ComponentType<TProps>): PreactComponent<TProps>;
+  /**
+   * Preact component for displaying extensions of the given name.
+   */
+  PreactExtension: Preact.ComponentType<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of lazy loading Pilet API extensions.
+ */
+export interface PiletLazyApi {
+  /**
+   * Defines a dependency for lazy loading.
+   * @param name The name of the dependency.
+   * @param loader The associated dependency loader.
+   */
+  defineDependency(name: string, loader: LazyDependencyLoader): void;
+  /**
+   * Properly introduces a lazy loaded foreign component.
+   * @param cb The callback to trigger when the component should be loaded.
+   * @param deps The optional names of the dependencies to load beforehand.
+   * @returns The lazy loading component.
+   */
+  fromLazy<T extends BaseComponentProps>(cb: LazyComponentLoader<T>, deps?: Array<string>): React.ComponentType<T & {
+    deps?: Record<string, any>;
+  }>;
+}
+
+/**
+ * Defines the provided set of LitElement Pilet API extensions.
+ */
+export interface PiletLitElApi {
+  /**
+   * Wraps a LitElement component for use in Piral.
+   * @param component The name of the root component.
+   * @returns The Piral LitElement component.
+   */
+  fromLitEl(elementName: string): LitElComponent;
+  /**
+   * Gets the name of the LitElement extension.
+   */
+  LitElExtension: string;
+}
+
+/**
+ * Defines the provided set of Mithril.js Pilet API extensions.
+ */
+export interface PiletMithrilApi {
+  /**
+   * Wraps an Mithril.js component for use in Piral.
+   * @param component The component root.
+   * @param captured The optionally captured props.
+   * @returns The Piral Mithril.js component.
+   */
+  fromMithril<TProps>(component: Component___1<TProps>, captured?: Record<string, any>): MithrilComponent<TProps>;
+  /**
+   * Mithril.js component for displaying extensions of the given name.
+   */
+  MithrilExtension: Component___1<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of Aurelia Pilet API extensions.
+ */
+export interface PiletAureliaApi {
+  /**
+   * Wraps an Aurelia component for use in Piral.
+   * @param component The component root.
+   * @returns The Piral Aurelia component.
+   */
+  fromAurelia<TProps>(component: AureliaModule<TProps>): AureliaComponent<TProps>;
+  /**
+   * Aurelia component for displaying extensions of the given name.
+   */
+  AureliaExtension: AureliaModule<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of Riot.js Pilet API extensions.
+ */
+export interface PiletRiotApi {
+  /**
+   * Wraps an Riot.js component for use in Piral.
+   * @param component The component root.
+   * @param captured The optionally captured props.
+   * @returns The Piral Riot.js component.
+   */
+  fromRiot<TProps>(component: Riot.RiotComponentShell<TProps>, captured?: Record<string, any>): RiotComponent<TProps>;
+  /**
+   * Riot.js component for displaying extensions of the given name.
+   */
+  RiotExtension: Riot.RiotComponentShell<ExtensionSlotProps>;
+}
+
+/**
+ * Defines the provided set of Elm Pilet API extensions.
+ */
+export interface PiletElmApi {
+  /**
+   * Wraps a Elm module for use in Piral.
+   * @param main The name of the root component.
+   * @param captured The optionally captured props.
+   * @returns The Piral Elm component.
+   */
+  fromElm<TProps>(main: ElmModule<TProps>, captured?: Record<string, any>): ElmComponent<TProps>;
+  /**
+   * Gets the name of the Elm extension.
+   */
+  ElmExtension: string;
+}
+
+/**
+ * Defines the provided set of Svelte Pilet API extensions.
+ */
+export interface PiletSvelteApi {
+  /**
+   * Wraps a Svelte module for use in Piral.
+   * @param Component The name of the root component.
+   * @param captured The optionally captured props.
+   * @returns The Piral Svelte component.
+   */
+  fromSvelte<TProps>(Component: SvelteModule<TProps>, captured?: Record<string, any>): SvelteComponent<TProps>;
+  /**
+   * Gets the name of the Svelte extension.
+   */
+  SvelteExtension: string;
+}
+
+/**
+ * Defines the provided set of Blazor Pilet API extensions.
+ */
+export interface PiletBlazorApi {
+  /**
+   * Defines the additional libraries (and their symbols) to Blazor via
+   * their URLs.
+   * @param referenceUrls The URLs pointing to the different DLLs to include.
+   */
+  defineBlazorReferences(referenceUrls: Array<string>): void;
+  /**
+   * Wraps a Blazor module for use in Piral.
+   * @param moduleName The name of the exposed Blazor component.
+   * @param args The optional props to use as arguments for the Blazor component.
+   * @returns The Piral Blazor component.
+   */
+  fromBlazor(moduleName: string, args?: Record<string, any>): BlazorComponent;
+  /**
+   * Defines the additional options to be shared by all Blazor components.
+   * @param options The options for the Blazor components.
+   */
+  defineBlazorOptions(options: BlazorOptions): void;
+  /**
+   * Releases all defined blazor references from the current pilet.
+   */
+  releaseBlazorReferences(): void;
+}
+
+/**
+ * Defines the provided set of Solid Pilet API extensions.
+ */
+export interface PiletSolidApi {
+  /**
+   * Wraps a Solid component for use in Piral.
+   * @param component The name of the root component.
+   * @returns The Piral Solid component.
+   */
+  fromSolid<TProps>(root: SolidJs.Component<TProps>): SolidComponent<TProps>;
+  /**
+   * Gets the name of the Solid extension.
+   */
+  SolidExtension: SolidJs.Component<ExtensionSlotProps>;
+}
+
+export interface PiletDashboardApi {
+  /**
+   * Registers a tile with a predefined tile components.
+   * The name has to be unique within the current pilet.
+   * @param name The name of the tile.
+   * @param Component The component to be rendered within the Dashboard.
+   * @param preferences The optional preferences to be supplied to the Dashboard for the tile.
+   */
+  registerTile(name: string, Component: AnyComponent<TileComponentProps>, preferences?: TilePreferences): RegistrationDisposer;
+  /**
+   * Registers a tile for predefined tile components.
+   * @param Component The component to be rendered within the Dashboard.
+   * @param preferences The optional preferences to be supplied to the Dashboard for the tile.
+   */
+  registerTile(Component: AnyComponent<TileComponentProps>, preferences?: TilePreferences): RegistrationDisposer;
+  /**
+   * Unregisters a tile known by the given name.
+   * Only previously registered tiles can be unregistered.
+   * @param name The name of the tile to unregister.
+   */
+  unregisterTile(name: string): void;
+}
+
+/**
+ * Defines the shape of the data store for storing shared data.
+ */
+export interface SharedData<TValue = any> {
+  [key: string]: TValue;
+}
+
+/**
+ * Defines the options to be used for storing data.
+ */
+export type DataStoreOptions = DataStoreTarget | CustomDataStoreOptions;
+
+/**
+ * Possible shapes for a component.
+ */
+export type AnyComponent<T> = React.ComponentType<T> | FirstParametersOf<ComponentConverters<T>>;
+
+/**
+ * The props used by a page component.
+ */
+export interface PageComponentProps<T = any, S = any> extends RouteBaseProps<T, S> {
+  /**
+   * The meta data registered with the page.
+   */
+  meta: PiralPageMeta;
+}
+
+/**
+ * The meta data registered for a page.
+ */
+export interface PiralPageMeta extends PiralCustomPageMeta, PiralCustomPageMeta {}
+
+/**
+ * The shape of an implicit unregister function.
+ */
+export interface RegistrationDisposer {
+  (): void;
+}
+
+/**
+ * Shorthand for the definition of an extension component.
+ */
+export type AnyExtensionComponent<TName> = TName extends keyof PiralExtensionSlotMap ? AnyComponent<ExtensionComponentProps<TName>> : TName extends string ? AnyComponent<ExtensionComponentProps<any>> : AnyComponent<ExtensionComponentProps<TName>>;
+
+/**
+ * Gives the extension params shape for the given extension slot name.
+ */
+export type ExtensionParams<TName> = TName extends keyof PiralExtensionSlotMap ? PiralExtensionSlotMap[TName] : TName extends string ? any : TName;
+
+/**
+ * The props for defining an extension slot.
+ */
+export type ExtensionSlotProps<TName = string> = BaseExtensionSlotProps<TName extends string ? TName : string, ExtensionParams<TName>>;
+
+/**
+ * Can be implemented by functions to be used for disposal purposes.
+ */
+export interface Disposable {
+  (): void;
+}
+
+/**
+ * Custom events defined outside of piral-core.
+ */
+export interface PiralCustomEventMap {}
+
+/**
+ * Gets fired when a pilet gets unloaded.
+ */
+export interface PiralUnloadPiletEvent {
+  /**
+   * The name of the pilet to be unloaded.
+   */
+  name: string;
+}
+
+/**
+ * Gets fired when a data item gets stored in piral.
+ */
+export interface PiralStoreDataEvent<TValue = any> {
+  /**
+   * The name of the item that was stored.
+   */
+  name: string;
+  /**
+   * The storage target of the item.
+   */
+  target: string;
+  /**
+   * The value that was stored.
+   */
+  value: TValue;
+  /**
+   * The owner of the item.
+   */
+  owner: string;
+  /**
+   * The expiration of the item.
+   */
+  expires: number;
+}
+
+export interface VueComponent<TProps> {
+  /**
+   * The root component of Vue rendering tree.
+   */
+  root: Vue.Component<TProps>;
+  /**
+   * The type of the Vue component.
+   */
+  type: "vue";
+  /**
+   * Captures props for transport into the Vue component.
+   */
+  captured?: Record<string, any>;
+}
+
+/**
+ * Represents the interface implemented by a module definer function.
+ */
+export interface NgModuleDefiner {
+  (module: any, opts?: NgOptions): void;
+}
 
+export interface NgComponent {
   /**
-   * Defines the provided set of Solid Pilet API extensions.
+   * The component root.
    */
-  export interface PiletSolidApi {
-    /**
-     * Wraps a Solid component for use in Piral.
-     * @param component The name of the root component.
-     * @returns The Piral Solid component.
-     */
-    fromSolid<TProps>(root: SolidJs.Component<TProps>): SolidComponent<TProps>;
-    /**
-     * Gets the name of the Solid extension.
-     */
-    SolidExtension: SolidJs.Component<ExtensionSlotProps>;
-  }
+  component: any;
+  /**
+   * The type of the Angular component.
+   */
+  type: "ng";
+}
 
-  export interface PiletDashboardApi {
-    /**
-     * Registers a tile with a predefined tile components.
-     * The name has to be unique within the current pilet.
-     * @param name The name of the tile.
-     * @param Component The component to be rendered within the Dashboard.
-     * @param preferences The optional preferences to be supplied to the Dashboard for the tile.
-     */
-    registerTile(name: string, Component: AnyComponent<TileComponentProps>, preferences?: TilePreferences): RegistrationDisposer;
-    /**
-     * Registers a tile for predefined tile components.
-     * @param Component The component to be rendered within the Dashboard.
-     * @param preferences The optional preferences to be supplied to the Dashboard for the tile.
-     */
-    registerTile(Component: AnyComponent<TileComponentProps>, preferences?: TilePreferences): RegistrationDisposer;
-    /**
-     * Unregisters a tile known by the given name.
-     * Only previously registered tiles can be unregistered.
-     * @param name The name of the tile to unregister.
-     */
-    unregisterTile(name: string): void;
-  }
+export interface NgjsComponent {
+  /**
+   * The module root.
+   */
+  root: Angular.IModule;
+  /**
+   * The name of the component.
+   */
+  name: string;
+  /**
+   * The type of the Angular.js component.
+   */
+  type: "ngjs";
+}
+
+/**
+ * A Component is a function that returns a custom VNode or View.
+ * @memberOf [VDOM]
+ */
+export interface Component<Attributes = {}, State = {}, Actions = {}> {
+  (attributes: Attributes, children?: Array<VNode | string>): VNode<Attributes> | View<State, Actions>;
+}
+
+export interface HyperappComponent<TProps> {
+  /**
+   * The component root.
+   */
+  root: Component<TProps>;
+  /**
+   * The local state of the component.
+   */
+  state: any;
+  /**
+   * The actions of the component.
+   */
+  actions: any;
+  /**
+   * The type of the Hyperapp component.
+   */
+  type: "hyperapp";
+}
 
+export interface InfernoComponent<TProps> {
+  /**
+   * The component root.
+   */
+  root: Inferno.ComponentType<TProps>;
   /**
-   * Defines the shape of the data store for storing shared data.
+   * The type of the Inferno component.
    */
-  export interface SharedData<TValue = any> {
-    [key: string]: TValue;
-  }
+  type: "inferno";
+}
 
+export interface PreactComponent<TProps> {
+  /**
+   * The component root.
+   */
+  root: Preact.ComponentType<TProps>;
   /**
-   * Defines the options to be used for storing data.
+   * The type of the Preact component.
    */
-  export type DataStoreOptions = DataStoreTarget | CustomDataStoreOptions;
+  type: "preact";
+}
 
+export interface LazyDependencyLoader {
+  (): Promise<any>;
+}
+
+export interface LazyComponentLoader<TProps> {
+  (): Promise<AnyComponent<TProps>>;
+}
+
+/**
+ * The props that every registered component obtains.
+ */
+export interface BaseComponentProps {
   /**
-   * Possible shapes for a component.
+   * The currently used pilet API.
    */
-  export type AnyComponent<T> = React.ComponentType<T> | FirstParametersOf<ComponentConverters<T>>;
+  piral: PiletApi;
+}
 
+export interface LitElComponent {
   /**
-   * The props used by a page component.
+   * The name of the LitElement root component to render.
    */
-  export interface PageComponentProps<T = any, S = any> extends RouteBaseProps<T, S> {
-    /**
-     * The meta data registered with the page.
-     */
-    meta: PiralPageMeta;
-  }
+  elementName: string;
+  /**
+   * The type of the LitElement component.
+   */
+  type: "litel";
+}
+
+export interface Component___1<TProps> {
+  view(vnode: ComponentProps<TProps>): any;
+}
 
+export interface MithrilComponent<TProps> {
   /**
-   * The meta data registered for a page.
+   * The component.
    */
-  export interface PiralPageMeta extends PiralCustomPageMeta, PiralCustomPageMeta {}
+  component: Component___1<TProps>;
+  /**
+   * Captures props for transport into the Mithril.js component.
+   */
+  captured?: Record<string, any>;
+  /**
+   * The type of the Mithril.js component.
+   */
+  type: "mithril";
+}
+
+export type AureliaModule<TProps> = any;
 
+export interface AureliaComponent<TProps> {
   /**
-   * The shape of an implicit unregister function.
+   * The component root.
    */
-  export interface RegistrationDisposer {
-    (): void;
-  }
-
-  /**
-   * Shorthand for the definition of an extension component.
-   */
-  export type AnyExtensionComponent<TName> = TName extends keyof PiralExtensionSlotMap ? AnyComponent<ExtensionComponentProps<TName>> : TName extends string ? AnyComponent<ExtensionComponentProps<any>> : AnyComponent<ExtensionComponentProps<TName>>;
-
-  /**
-   * Gives the extension params shape for the given extension slot name.
-   */
-  export type ExtensionParams<TName> = TName extends keyof PiralExtensionSlotMap ? PiralExtensionSlotMap[TName] : TName extends string ? any : TName;
-
+  root: AureliaModule<TProps>;
   /**
-   * The props for defining an extension slot.
+   * The type of the Aurelia component.
    */
-  export type ExtensionSlotProps<TName = string> = BaseExtensionSlotProps<TName extends string ? TName : string, ExtensionParams<TName>>;
+  type: "aurelia";
+}
 
+export interface RiotComponent<TProps> {
   /**
-   * Can be implemented by functions to be used for disposal purposes.
+   * The component.
    */
-  export interface Disposable {
-    (): void;
-  }
+  component: Riot.RiotComponentShell<TProps>;
+  /**
+   * Captures props for transport into the Riot.js component.
+   */
+  captured?: Record<string, any>;
+  /**
+   * The type of the Riot.js component.
+   */
+  type: "riot";
+}
+
+export interface ElmModule<TProps> {
+  init(opts: {
+    node: Element;
+    flags?: TProps;
+  }): void;
+}
 
+export interface ElmComponent<TProps> {
+  /**
+   * The name of the Elm main module to render.
+   */
+  main: ElmModule<TProps>;
+  /**
+   * Captures props for transport into the Elm component.
+   */
+  captured?: Record<string, any>;
   /**
-   * Custom events defined outside of piral-core.
+   * The type of the Elm component.
    */
-  export interface PiralCustomEventMap {}
+  type: "elm";
+}
 
+export interface SvelteModule<TProps> {
+  new (opts: SvelteOptions<TProps>): SvelteComponentInstance<TProps>;
+}
+
+export interface SvelteComponent<TProps> {
+  /**
+   * The name of the Svelte main module to render.
+   */
+  Component: SvelteModule<TProps>;
+  /**
+   * Captures props for transport into the Svelte component.
+   */
+  captured?: Record<string, any>;
+  /**
+   * The type of the Svelte component.
+   */
+  type: "svelte";
+}
+
+export interface BlazorComponent {
+  /**
+   * The name of the Blazor module to render.
+   */
+  moduleName: string;
+  /**
+   * The args to transport into activation function.
+   */
+  args?: Record<string, any>;
+  /**
+   * An optional dependency that needs to load before
+   * the component can be properly displayed.
+   */
+  dependency?(): Promise<void>;
+  /**
+   * The type of the Blazor component.
+   */
+  type: "blazor";
+  /**
+   * Additional options for the Blazor component.
+   */
+  options?: BlazorOptions;
+}
+
+/**
+ * Additional options for the Blazor component
+ */
+export interface BlazorOptions {
   /**
-   * Gets fired when a pilet gets unloaded.
+   * The root path where resources are located
    */
-  export interface PiralUnloadPiletEvent {
-    /**
-     * The name of the pilet to be unloaded.
-     */
-    name: string;
-  }
+  resourcePathRoot?: string;
+}
 
+export interface SolidComponent<TProps> {
   /**
-   * Gets fired when a data item gets stored in piral.
+   * The component root.
    */
-  export interface PiralStoreDataEvent<TValue = any> {
-    /**
-     * The name of the item that was stored.
-     */
-    name: string;
-    /**
-     * The storage target of the item.
-     */
-    target: string;
-    /**
-     * The value that was stored.
-     */
-    value: TValue;
-    /**
-     * The owner of the item.
-     */
-    owner: string;
-    /**
-     * The expiration of the item.
-     */
-    expires: number;
-  }
+  root: SolidJs.Component<TProps>;
+  /**
+   * The type of the Solid component.
+   */
+  type: "solid";
+}
+
+export type TileComponentProps = BaseComponentProps & BareTileComponentProps;
 
-  export interface VueComponent<TProps> {
-    /**
-     * The root component of Vue rendering tree.
-     */
-    root: Vue.Component<TProps>;
-    /**
-     * The type of the Vue component.
-     */
-    type: "vue";
-    /**
-     * Captures props for transport into the Vue component.
-     */
-    captured?: Record<string, any>;
-  }
-
-  /**
-   * Represents the interface implemented by a module definer function.
-   */
-  export interface NgModuleDefiner {
-    (module: any, opts?: NgOptions): void;
-  }
-
-  export interface NgComponent {
-    /**
-     * The component root.
-     */
-    component: any;
-    /**
-     * The type of the Angular component.
-     */
-    type: "ng";
-  }
-
-  export interface NgjsComponent {
-    /**
-     * The module root.
-     */
-    root: Angular.IModule;
-    /**
-     * The name of the component.
-     */
-    name: string;
-    /**
-     * The type of the Angular.js component.
-     */
-    type: "ngjs";
-  }
-
-  /**
-   * A Component is a function that returns a custom VNode or View.
-   * @memberOf [VDOM]
-   */
-  export interface Component<Attributes = {}, State = {}, Actions = {}> {
-    (attributes: Attributes, children?: Array<VNode | string>): VNode<Attributes> | View<State, Actions>;
-  }
-
-  export interface HyperappComponent<TProps> {
-    /**
-     * The component root.
-     */
-    root: Component<TProps>;
-    /**
-     * The local state of the component.
-     */
-    state: any;
-    /**
-     * The actions of the component.
-     */
-    actions: any;
-    /**
-     * The type of the Hyperapp component.
-     */
-    type: "hyperapp";
-  }
-
-  export interface InfernoComponent<TProps> {
-    /**
-     * The component root.
-     */
-    root: Inferno.ComponentType<TProps>;
-    /**
-     * The type of the Inferno component.
-     */
-    type: "inferno";
-  }
-
-  export interface PreactComponent<TProps> {
-    /**
-     * The component root.
-     */
-    root: Preact.ComponentType<TProps>;
-    /**
-     * The type of the Preact component.
-     */
-    type: "preact";
-  }
-
-  export interface LazyDependencyLoader {
-    (): Promise<any>;
-  }
-
-  export interface LazyComponentLoader<TProps> {
-    (): Promise<AnyComponent<TProps>>;
-  }
-
-  /**
-   * The props that every registered component obtains.
-   */
-  export interface BaseComponentProps {
-    /**
-     * The currently used pilet API.
-     */
-    piral: PiletApi;
-  }
-
-  export interface LitElComponent {
-    /**
-     * The name of the LitElement root component to render.
-     */
-    elementName: string;
-    /**
-     * The type of the LitElement component.
-     */
-    type: "litel";
-  }
-
-  export interface Component___1<TProps> {
-    view(vnode: ComponentProps<TProps>): any;
-  }
-
-  export interface MithrilComponent<TProps> {
-    /**
-     * The component.
-     */
-    component: Component___1<TProps>;
-    /**
-     * Captures props for transport into the Mithril.js component.
-     */
-    captured?: Record<string, any>;
-    /**
-     * The type of the Mithril.js component.
-     */
-    type: "mithril";
-  }
-
-  export type AureliaModule<TProps> = any;
-
-  export interface AureliaComponent<TProps> {
-    /**
-     * The component root.
-     */
-    root: AureliaModule<TProps>;
-    /**
-     * The type of the Aurelia component.
-     */
-    type: "aurelia";
-  }
-
-  export interface RiotComponent<TProps> {
-    /**
-     * The component.
-     */
-    component: Riot.RiotComponentShell<TProps>;
-    /**
-     * Captures props for transport into the Riot.js component.
-     */
-    captured?: Record<string, any>;
-    /**
-     * The type of the Riot.js component.
-     */
-    type: "riot";
-  }
-
-  export interface ElmModule<TProps> {
-    init(opts: {
-      node: Element;
-      flags?: TProps;
-    }): void;
-  }
-
-  export interface ElmComponent<TProps> {
-    /**
-     * The name of the Elm main module to render.
-     */
-    main: ElmModule<TProps>;
-    /**
-     * Captures props for transport into the Elm component.
-     */
-    captured?: Record<string, any>;
-    /**
-     * The type of the Elm component.
-     */
-    type: "elm";
-  }
-
-  export interface SvelteModule<TProps> {
-    new (opts: SvelteOptions<TProps>): SvelteComponentInstance<TProps>;
-  }
-
-  export interface SvelteComponent<TProps> {
-    /**
-     * The name of the Svelte main module to render.
-     */
-    Component: SvelteModule<TProps>;
-    /**
-     * Captures props for transport into the Svelte component.
-     */
-    captured?: Record<string, any>;
-    /**
-     * The type of the Svelte component.
-     */
-    type: "svelte";
-  }
-
-  export interface BlazorComponent {
-    /**
-     * The name of the Blazor module to render.
-     */
-    moduleName: string;
-    /**
-     * The args to transport into activation function.
-     */
-    args?: Record<string, any>;
-    /**
-     * An optional dependency that needs to load before
-     * the component can be properly displayed.
-     */
-    dependency?(): Promise<void>;
-    /**
-     * The type of the Blazor component.
-     */
-    type: "blazor";
-    /**
-     * Additional options for the Blazor component.
-     */
-    options?: BlazorOptions;
-  }
-
-  /**
-   * Additional options for the Blazor component
-   */
-  export interface BlazorOptions {
-    /**
-     * The root path where resources are located
-     */
-    resourcePathRoot?: string;
-  }
-
-  export interface SolidComponent<TProps> {
-    /**
-     * The component root.
-     */
-    root: SolidJs.Component<TProps>;
-    /**
-     * The type of the Solid component.
-     */
-    type: "solid";
-  }
-
-  export type TileComponentProps = BaseComponentProps & BareTileComponentProps;
-
-  export interface TilePreferences extends PiralCustomTilePreferences {
-    /**
-     * Sets the desired initial number of columns.
-     * This may be overridden either by the user (if resizable true), or by the dashboard.
-     */
-    initialColumns?: number;
-    /**
-     * Sets the desired initial number of rows.
-     * This may be overridden either by the user (if resizable true), or by the dashboard.
-     */
-    initialRows?: number;
-    /**
-     * Determines if the tile can be resized by the user.
-     * By default the size of the tile is fixed.
-     */
-    resizable?: boolean;
-    /**
-     * Declares a set of custom properties to be used with user-specified values.
-     */
-    customProperties?: Array<string>;
-  }
-
-  /**
-   * Defines the potential targets when storing data.
-   */
-  export type DataStoreTarget = "memory" | "local" | "remote";
-
-  /**
-   * Defines the custom options for storing data.
-   */
-  export interface CustomDataStoreOptions {
-    /**
-     * The target data store. By default the data is only stored in memory.
-     */
-    target?: DataStoreTarget;
-    /**
-     * Optionally determines when the data expires.
-     */
-    expires?: "never" | Date | number;
-  }
-
-  export type FirstParametersOf<T> = {
-    [K in keyof T]: T[K] extends (arg: any) => any ? FirstParameter<T[K]> : never;
-  }[keyof T];
-
-  /**
-   * Mapping of available component converters.
-   */
-  export interface ComponentConverters<TProps> extends PiralCustomComponentConverters<TProps> {
-    /**
-     * Converts the HTML component to a framework-independent component.
-     * @param component The vanilla JavaScript component to be converted.
-     */
-    html(component: HtmlComponent<TProps>): ForeignComponent<TProps>;
-  }
-
-  /**
-   * The props that every registered page component obtains.
-   */
-  export interface RouteBaseProps<UrlParams = any, UrlState = any> extends ReactRouter.RouteComponentProps<UrlParams, {}, UrlState>, BaseComponentProps {}
-
-  /**
-   * Custom meta data to include for pages.
-   */
-  export interface PiralCustomPageMeta {}
-
-  /**
-   * The props of an extension component.
-   */
-  export interface ExtensionComponentProps<T> extends BaseComponentProps {
-    /**
-     * The provided parameters for showing the extension.
-     */
-    params: T extends keyof PiralExtensionSlotMap ? PiralExtensionSlotMap[T] : T extends string ? any : T;
-    /**
-     * The optional children to receive, if any.
-     */
-    children?: React.ReactNode;
-  }
-
-  /**
-   * The mapping of the existing (known) extension slots.
-   */
-  export interface PiralExtensionSlotMap extends PiralCustomExtensionSlotMap {}
-
-  /**
-   * The basic props for defining an extension slot.
-   */
-  export interface BaseExtensionSlotProps<TName, TParams> {
-    /**
-     * The children to transport, if any.
-     */
-    children?: React.ReactNode;
-    /**
-     * Defines what should be rendered when no components are available
-     * for the specified extension.
-     */
-    empty?(): React.ReactNode;
-    /**
-     * Determines if the `render` function should be called in case no
-     * components are available for the specified extension.
-     * 
-     * If true, `empty` will be called and returned from the slot.
-     * If false, `render` will be called with the result of calling `empty`.
-     * The result of calling `render` will then be returned from the slot.
-     */
-    emptySkipsRender?: boolean;
-    /**
-     * Defines the order of the components to render.
-     * May be more convient than using `render` w.r.t. ordering extensions
-     * by their supplied metadata.
-     * @param extensions The registered extensions.
-     * @returns The ordered extensions.
-     */
-    order?(extensions: Array<ExtensionRegistration>): Array<ExtensionRegistration>;
-    /**
-     * Defines how the provided nodes should be rendered.
-     * @param nodes The rendered extension nodes.
-     * @returns The rendered nodes, i.e., an ReactElement.
-     */
-    render?(nodes: Array<React.ReactNode>): React.ReactElement<any, any> | null;
-    /**
-     * The custom parameters for the given extension.
-     */
-    params?: TParams;
-    /**
-     * The name of the extension to render.
-     */
-    name: TName;
-  }
-
-  /**
-   * Options passed through to Angular `bootstrapModule`.
+export interface TilePreferences extends PiralCustomTilePreferences {
+  /**
+   * Sets the desired initial number of columns.
+   * This may be overridden either by the user (if resizable true), or by the dashboard.
+   */
+  initialColumns?: number;
+  /**
+   * Sets the desired initial number of rows.
+   * This may be overridden either by the user (if resizable true), or by the dashboard.
+   */
+  initialRows?: number;
+  /**
+   * Determines if the tile can be resized by the user.
+   * By default the size of the tile is fixed.
+   */
+  resizable?: boolean;
+  /**
+   * Declares a set of custom properties to be used with user-specified values.
+   */
+  customProperties?: Array<string>;
+}
+
+/**
+ * Defines the potential targets when storing data.
+ */
+export type DataStoreTarget = "memory" | "local" | "remote";
+
+/**
+ * Defines the custom options for storing data.
+ */
+export interface CustomDataStoreOptions {
+  /**
+   * The target data store. By default the data is only stored in memory.
+   */
+  target?: DataStoreTarget;
+  /**
+   * Optionally determines when the data expires.
+   */
+  expires?: "never" | Date | number;
+}
+
+export type FirstParametersOf<T> = {
+  [K in keyof T]: T[K] extends (arg: any) => any ? FirstParameter<T[K]> : never;
+}[keyof T];
+
+/**
+ * Mapping of available component converters.
+ */
+export interface ComponentConverters<TProps> extends PiralCustomComponentConverters<TProps> {
+  /**
+   * Converts the HTML component to a framework-independent component.
+   * @param component The vanilla JavaScript component to be converted.
+   */
+  html(component: HtmlComponent<TProps>): ForeignComponent<TProps>;
+}
+
+/**
+ * The props that every registered page component obtains.
+ */
+export interface RouteBaseProps<UrlParams = any, UrlState = any> extends ReactRouter.RouteComponentProps<UrlParams, {}, UrlState>, BaseComponentProps {}
+
+/**
+ * Custom meta data to include for pages.
+ */
+export interface PiralCustomPageMeta {}
+
+/**
+ * The props of an extension component.
+ */
+export interface ExtensionComponentProps<T> extends BaseComponentProps {
+  /**
+   * The provided parameters for showing the extension.
+   */
+  params: T extends keyof PiralExtensionSlotMap ? PiralExtensionSlotMap[T] : T extends string ? any : T;
+  /**
+   * The optional children to receive, if any.
+   */
+  children?: React.ReactNode;
+}
+
+/**
+ * The mapping of the existing (known) extension slots.
+ */
+export interface PiralExtensionSlotMap extends PiralCustomExtensionSlotMap {}
+
+/**
+ * The basic props for defining an extension slot.
+ */
+export interface BaseExtensionSlotProps<TName, TParams> {
+  /**
+   * The children to transport, if any.
+   */
+  children?: React.ReactNode;
+  /**
+   * Defines what should be rendered when no components are available
+   * for the specified extension.
+   */
+  empty?(): React.ReactNode;
+  /**
+   * Determines if the `render` function should be called in case no
+   * components are available for the specified extension.
    * 
-   * Mainly to specify Noop Zone, but also includes compiler specific settings.
-   * See https://angular.io/api/core/PlatformRef#bootstrapModule for possible values.
-   */
-  export type NgOptions = Parameters<AngularCore.PlatformRef["bootstrapModule"]>[1];
-
-  /**
-   * The VDOM representation of an Element.
-   * @memberOf [VDOM]
-   */
-  export interface VNode<Attributes = {}> {
-    nodeName: string;
-    attributes?: Attributes;
-    children: Array<VNode | string>;
-    key: string | number | null;
-  }
-
-  /**
-   * The view function describes the application UI as a tree of VNodes.
-   * @returns A VNode tree.
-   * @memberOf [App]
-   */
-  export interface View<State, Actions> {
-    (state: State, actions: Actions): VNode<object> | null;
-  }
-
-  export interface ComponentProps<TProps> {
-    attrs: TProps;
-  }
-
-  export interface SvelteOptions<TProps> {
-    target: Element;
-    props: TProps;
-  }
-
-  export type SvelteComponentInstance<TProps> = TProps & {
-    $destroy(): void;
-  };
-
-  export interface BareTileComponentProps {
-    /**
-     * The currently used number of columns.
-     */
-    columns: number;
-    /**
-     * The currently used number of rows.
-     */
-    rows: number;
-  }
-
-  export interface PiralCustomTilePreferences {}
-
-  export type FirstParameter<T extends (arg: any) => any> = T extends (arg: infer P) => any ? P : never;
-
-  /**
-   * Custom component converters defined outside of piral-core.
-   */
-  export interface PiralCustomComponentConverters<TProps> {
-    vue(component: VueComponent<TProps>): ForeignComponent<TProps>;
-    ng(component: NgComponent): ForeignComponent<TProps>;
-    ngjs(component: NgjsComponent): ForeignComponent<TProps>;
-    hyperapp(component: HyperappComponent<TProps>): ForeignComponent<TProps>;
-    inferno(component: InfernoComponent<TProps>): ForeignComponent<TProps>;
-    preact(component: PreactComponent<TProps>): ForeignComponent<TProps>;
-    litel(component: LitElComponent): ForeignComponent<TProps>;
-    mithril(component: MithrilComponent<TProps>): ForeignComponent<TProps>;
-    aurelia(component: AureliaComponent<TProps>): ForeignComponent<TProps>;
-    riot(component: RiotComponent<TProps>): ForeignComponent<TProps>;
-    elm(component: ElmComponent<TProps>): ForeignComponent<TProps>;
-    svelte(component: SvelteComponent<TProps>): ForeignComponent<TProps>;
-    blazor(component: BlazorComponent): ForeignComponent<TProps>;
-    solid(component: SolidComponent<TProps>): ForeignComponent<TProps>;
-  }
-
-  /**
-   * Definition of a vanilla JavaScript component.
-   */
-  export interface HtmlComponent<TProps> {
-    /**
-     * Renders a component into the provided element using the given props and context.
-     */
-    component: ForeignComponent<TProps>;
-    /**
-     * The type of the HTML component.
-     */
-    type: "html";
-  }
-
-  /**
-   * Generic definition of a framework-independent component.
-   */
-  export interface ForeignComponent<TProps> {
-    /**
-     * Called when the component is mounted.
-     * @param element The container hosting the element.
-     * @param props The props to transport.
-     * @param ctx The associated context.
-     * @param locals The local state of this component instance.
-     */
-    mount(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
-    /**
-     * Called when the component should be updated.
-     * @param element The container hosting the element.
-     * @param props The props to transport.
-     * @param ctx The associated context.
-     * @param locals The local state of this component instance.
-     */
-    update?(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
-    /**
-     * Called when a component is unmounted.
-     * @param element The container that was hosting the element.
-     * @param locals The local state of this component instance.
-     */
-    unmount?(element: HTMLElement, locals: Record<string, any>): void;
-  }
-
-  /**
-   * Custom extension slots outside of piral-core.
-   */
-  export interface PiralCustomExtensionSlotMap {}
-
-  /**
-   * The interface modeling the registration of a pilet extension component.
-   */
-  export interface ExtensionRegistration extends BaseRegistration {
-    /**
-     * The wrapped registered extension component.
-     */
-    component: WrappedComponent<ExtensionComponentProps<string>>;
-    /**
-     * The original extension component that has been registered.
-     */
-    reference: any;
-    /**
-     * The default params (i.e., meta) of the extension.
-     */
-    defaults: any;
-  }
-
-  /**
-   * The context to be transported into the generic components.
-   */
-  export interface ComponentContext {
-    navigation: NavigationApi;
-    publicPath: string;
-  }
-
-  /**
-   * The base type for pilet component registration in the global state context.
-   */
-  export interface BaseRegistration {
-    /**
-     * The pilet registering the component.
-     */
-    pilet: string;
-  }
-
-  export type WrappedComponent<TProps> = React.ComponentType<React.PropsWithChildren<Without<TProps, keyof BaseComponentProps>>>;
-
-  export interface NavigationApi {
-    /**
-     * Pushes a new location onto the history stack.
-     */
-    push(target: string, state?: any): void;
-    /**
-     * Replaces the current location with another.
-     */
-    replace(target: string, state?: any): void;
-    /**
-     * Changes the current index in the history stack by a given delta.
-     */
-    go(n: number): void;
-    /**
-     * Prevents changes to the history stack from happening.
-     * This is useful when you want to prevent the user navigating
-     * away from the current page, for example when they have some
-     * unsaved data on the current page.
-     * @param blocker The function being called with a transition request.
-     * @returns The disposable for stopping the block.
-     */
-    block(blocker: NavigationBlocker): Disposable;
-    /**
-     * Starts listening for location changes and calls the given
-     * callback with an Update when it does.
-     * @param listener The function being called when the route changes.
-     * @returns The disposable for stopping the block.
-     */
-    listen(listener: NavigationListener): Disposable;
-    /**
-     * The original router behind the navigation.
-     */
-    router: any;
-  }
-
-  export type Without<T, K> = Pick<T, Exclude<keyof T, K>>;
-
-  export interface NavigationBlocker {
-    (tx: NavigationTransition): void;
-  }
-
-  export interface NavigationListener {
-    (update: NavigationUpdate): void;
-  }
-
-  export interface NavigationTransition extends NavigationUpdate {
-    retry(): void;
-  }
-
-  export interface NavigationUpdate {
-    action: NavigationAction;
-    location: NavigationLocation;
-  }
-
-  export type NavigationAction = "POP" | "PUSH" | "REPLACE";
-
-  export interface NavigationLocation {
-    /**
-     * The fully qualified URL incl. the origin and base path.
-     */
-    href: string;
-    /**
-     * The location.pathname property is a string that contains an initial "/"
-     * followed by the remainder of the URL up to the ?.
-     */
-    pathname: string;
-    /**
-     * The location.search property is a string that contains an initial "?"
-     * followed by the key=value pairs in the query string. If there are no
-     * parameters, this value may be the empty string (i.e. '').
-     */
-    search: string;
-    /**
-     * The location.hash property is a string that contains an initial "#"
-     * followed by fragment identifier of the URL. If there is no fragment
-     * identifier, this value may be the empty string (i.e. '').
-     */
-    hash: string;
-    /**
-     * The location.state property is a user-supplied State object that is
-     * associated with this location. This can be a useful place to store
-     * any information you do not want to put in the URL, e.g. session-specific
-     * data.
-     */
-    state: unknown;
-    /**
-     * The location.key property is a unique string associated with this location.
-     * On the initial location, this will be the string default. On all subsequent
-     * locations, this string will be a unique identifier.
-     */
-    key: string;
-  }
+   * If true, `empty` will be called and returned from the slot.
+   * If false, `render` will be called with the result of calling `empty`.
+   * The result of calling `render` will then be returned from the slot.
+   */
+  emptySkipsRender?: boolean;
+  /**
+   * Defines the order of the components to render.
+   * May be more convient than using `render` w.r.t. ordering extensions
+   * by their supplied metadata.
+   * @param extensions The registered extensions.
+   * @returns The ordered extensions.
+   */
+  order?(extensions: Array<ExtensionRegistration>): Array<ExtensionRegistration>;
+  /**
+   * Defines how the provided nodes should be rendered.
+   * @param nodes The rendered extension nodes.
+   * @returns The rendered nodes, i.e., an ReactElement.
+   */
+  render?(nodes: Array<React.ReactNode>): React.ReactElement<any, any> | null;
+  /**
+   * The custom parameters for the given extension.
+   */
+  params?: TParams;
+  /**
+   * The name of the extension to render.
+   */
+  name: TName;
+}
+
+/**
+ * Options passed through to Angular `bootstrapModule`.
+ * 
+ * Mainly to specify Noop Zone, but also includes compiler specific settings.
+ * See https://angular.io/api/core/PlatformRef#bootstrapModule for possible values.
+ */
+export type NgOptions = Parameters<AngularCore.PlatformRef["bootstrapModule"]>[1];
+
+/**
+ * The VDOM representation of an Element.
+ * @memberOf [VDOM]
+ */
+export interface VNode<Attributes = {}> {
+  nodeName: string;
+  attributes?: Attributes;
+  children: Array<VNode | string>;
+  key: string | number | null;
+}
+
+/**
+ * The view function describes the application UI as a tree of VNodes.
+ * @returns A VNode tree.
+ * @memberOf [App]
+ */
+export interface View<State, Actions> {
+  (state: State, actions: Actions): VNode<object> | null;
+}
+
+export interface ComponentProps<TProps> {
+  attrs: TProps;
+}
+
+export interface SvelteOptions<TProps> {
+  target: Element;
+  props: TProps;
+}
+
+export type SvelteComponentInstance<TProps> = TProps & {
+  $destroy(): void;
+};
+
+export interface BareTileComponentProps {
+  /**
+   * The currently used number of columns.
+   */
+  columns: number;
+  /**
+   * The currently used number of rows.
+   */
+  rows: number;
+}
+
+export interface PiralCustomTilePreferences {}
+
+export type FirstParameter<T extends (arg: any) => any> = T extends (arg: infer P) => any ? P : never;
+
+/**
+ * Custom component converters defined outside of piral-core.
+ */
+export interface PiralCustomComponentConverters<TProps> {
+  vue(component: VueComponent<TProps>): ForeignComponent<TProps>;
+  ng(component: NgComponent): ForeignComponent<TProps>;
+  ngjs(component: NgjsComponent): ForeignComponent<TProps>;
+  hyperapp(component: HyperappComponent<TProps>): ForeignComponent<TProps>;
+  inferno(component: InfernoComponent<TProps>): ForeignComponent<TProps>;
+  preact(component: PreactComponent<TProps>): ForeignComponent<TProps>;
+  litel(component: LitElComponent): ForeignComponent<TProps>;
+  mithril(component: MithrilComponent<TProps>): ForeignComponent<TProps>;
+  aurelia(component: AureliaComponent<TProps>): ForeignComponent<TProps>;
+  riot(component: RiotComponent<TProps>): ForeignComponent<TProps>;
+  elm(component: ElmComponent<TProps>): ForeignComponent<TProps>;
+  svelte(component: SvelteComponent<TProps>): ForeignComponent<TProps>;
+  blazor(component: BlazorComponent): ForeignComponent<TProps>;
+  solid(component: SolidComponent<TProps>): ForeignComponent<TProps>;
+}
+
+/**
+ * Definition of a vanilla JavaScript component.
+ */
+export interface HtmlComponent<TProps> {
+  /**
+   * Renders a component into the provided element using the given props and context.
+   */
+  component: ForeignComponent<TProps>;
+  /**
+   * The type of the HTML component.
+   */
+  type: "html";
+}
+
+/**
+ * Generic definition of a framework-independent component.
+ */
+export interface ForeignComponent<TProps> {
+  /**
+   * Called when the component is mounted.
+   * @param element The container hosting the element.
+   * @param props The props to transport.
+   * @param ctx The associated context.
+   * @param locals The local state of this component instance.
+   */
+  mount(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
+  /**
+   * Called when the component should be updated.
+   * @param element The container hosting the element.
+   * @param props The props to transport.
+   * @param ctx The associated context.
+   * @param locals The local state of this component instance.
+   */
+  update?(element: HTMLElement, props: TProps, ctx: ComponentContext, locals: Record<string, any>): void;
+  /**
+   * Called when a component is unmounted.
+   * @param element The container that was hosting the element.
+   * @param locals The local state of this component instance.
+   */
+  unmount?(element: HTMLElement, locals: Record<string, any>): void;
+}
+
+/**
+ * Custom extension slots outside of piral-core.
+ */
+export interface PiralCustomExtensionSlotMap {}
+
+/**
+ * The interface modeling the registration of a pilet extension component.
+ */
+export interface ExtensionRegistration extends BaseRegistration {
+  /**
+   * The wrapped registered extension component.
+   */
+  component: WrappedComponent<ExtensionComponentProps<string>>;
+  /**
+   * The original extension component that has been registered.
+   */
+  reference: any;
+  /**
+   * The default params (i.e., meta) of the extension.
+   */
+  defaults: any;
+}
+
+/**
+ * The context to be transported into the generic components.
+ */
+export interface ComponentContext {
+  navigation: NavigationApi;
+  publicPath: string;
+}
+
+/**
+ * The base type for pilet component registration in the global state context.
+ */
+export interface BaseRegistration {
+  /**
+   * The pilet registering the component.
+   */
+  pilet: string;
+}
+
+export type WrappedComponent<TProps> = React.ComponentType<React.PropsWithChildren<Without<TProps, keyof BaseComponentProps>>>;
+
+export interface NavigationApi {
+  /**
+   * Pushes a new location onto the history stack.
+   */
+  push(target: string, state?: any): void;
+  /**
+   * Replaces the current location with another.
+   */
+  replace(target: string, state?: any): void;
+  /**
+   * Changes the current index in the history stack by a given delta.
+   */
+  go(n: number): void;
+  /**
+   * Prevents changes to the history stack from happening.
+   * This is useful when you want to prevent the user navigating
+   * away from the current page, for example when they have some
+   * unsaved data on the current page.
+   * @param blocker The function being called with a transition request.
+   * @returns The disposable for stopping the block.
+   */
+  block(blocker: NavigationBlocker): Disposable;
+  /**
+   * Starts listening for location changes and calls the given
+   * callback with an Update when it does.
+   * @param listener The function being called when the route changes.
+   * @returns The disposable for stopping the block.
+   */
+  listen(listener: NavigationListener): Disposable;
+  /**
+   * Gets the current path.
+   */
+  path: string;
+  /**
+   * The original router behind the navigation.
+   */
+  router: any;
+}
+
+export type Without<T, K> = Pick<T, Exclude<keyof T, K>>;
+
+export interface NavigationBlocker {
+  (tx: NavigationTransition): void;
+}
+
+export interface NavigationListener {
+  (update: NavigationUpdate): void;
+}
+
+export interface NavigationTransition extends NavigationUpdate {
+  retry(): void;
+}
+
+export interface NavigationUpdate {
+  action: NavigationAction;
+  location: NavigationLocation;
+}
+
+export type NavigationAction = "POP" | "PUSH" | "REPLACE";
+
+export interface NavigationLocation {
+  /**
+   * The fully qualified URL incl. the origin and base path.
+   */
+  href: string;
+  /**
+   * The location.pathname property is a string that contains an initial "/"
+   * followed by the remainder of the URL up to the ?.
+   */
+  pathname: string;
+  /**
+   * The location.search property is a string that contains an initial "?"
+   * followed by the key=value pairs in the query string. If there are no
+   * parameters, this value may be the empty string (i.e. '').
+   */
+  search: string;
+  /**
+   * The location.hash property is a string that contains an initial "#"
+   * followed by fragment identifier of the URL. If there is no fragment
+   * identifier, this value may be the empty string (i.e. '').
+   */
+  hash: string;
+  /**
+   * The location.state property is a user-supplied State object that is
+   * associated with this location. This can be a useful place to store
+   * any information you do not want to put in the URL, e.g. session-specific
+   * data.
+   */
+  state: unknown;
+  /**
+   * The location.key property is a unique string associated with this location.
+   * On the initial location, this will be the string default. On all subsequent
+   * locations, this string will be a unique identifier.
+   */
+  key: string;
 }