@omnia/fx 8.0.20-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts

@@ -1,27 +1,187 @@
-import { BlockCatalogStore, LayoutCanvasStore } from "../../";
 import { ColorSchemaTypes, ColorTypes, LayoutItem } from "../../../../models";
-import { VueComponentBase } from "../../..";
 export interface TargetSelectorProps {
-    container: LayoutItem;
+    parentContainer: LayoutItem;
     small: boolean;
     siblingId?: string;
     postInsert?: boolean;
     colorType?: ColorTypes;
     colorSchemaType?: ColorSchemaTypes;
 }
-export declare class TargetSelector extends VueComponentBase<TargetSelectorProps> {
-    container: LayoutItem;
-    siblingId?: string;
-    postInsert?: boolean;
-    small: boolean;
-    colorType: ColorTypes;
-    colorSchemaType: ColorSchemaTypes;
-    layoutEditorStore: LayoutCanvasStore;
-    layoutItemStore: BlockCatalogStore;
-    mounted(): void;
-    /**
-     * Eventhandler for adding a layout item
-     */
-    onTargetSelected(e: Event): void;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+            colors?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            small: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            "post-insert": {
+                type: import("vue").PropType<boolean>;
+            };
+            postInsert: {
+                type: import("vue").PropType<boolean>;
+            };
+            "sibling-id": {
+                type: import("vue").PropType<string>;
+            };
+            siblingId: {
+                type: import("vue").PropType<string>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            small: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            "post-insert": {
+                type: import("vue").PropType<boolean>;
+            };
+            postInsert: {
+                type: import("vue").PropType<boolean>;
+            };
+            "sibling-id": {
+                type: import("vue").PropType<string>;
+            };
+            siblingId: {
+                type: import("vue").PropType<string>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            colorSchemaType?: any;
+            colors?: any;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        small: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        "post-insert": {
+            type: import("vue").PropType<boolean>;
+        };
+        postInsert: {
+            type: import("vue").PropType<boolean>;
+        };
+        "sibling-id": {
+            type: import("vue").PropType<string>;
+        };
+        siblingId: {
+            type: import("vue").PropType<string>;
+        };
+        "parent-container": {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        parentContainer: {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    small: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    "post-insert": {
+        type: import("vue").PropType<boolean>;
+    };
+    postInsert: {
+        type: import("vue").PropType<boolean>;
+    };
+    "sibling-id": {
+        type: import("vue").PropType<string>;
+    };
+    siblingId: {
+        type: import("vue").PropType<string>;
+    };
+    "parent-container": {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    parentContainer: {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container?: any;
+    colorSchemaType?: any;
+    colors?: any;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    } & {
+        small?: boolean;
+        parentContainer?: LayoutItem;
+        "parent-container"?: LayoutItem;
+        siblingId?: string;
+        "sibling-id"?: string;
+        postInsert?: boolean;
+        "post-insert"?: boolean;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/index.d.ts

@@ -2,8 +2,4 @@ export * from "./factories";
 export * from "./rules";
 export * from "./shared";
 export * from "./stores";
-export * from "./editor/settings/imagebackgroundsettings/IImageBackgroundSettings";
-export * from "./editor/settings/backgroundsettings/IBackgroundSettings";
-export * from "./editor/settings/blocktitle/IBlockTitle";
-export * from "./editor/blockplaceholder/IBlockPlaceholder";
 import "./apis/Registration";

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutBlockRendererHelper.d.ts

@@ -1,31 +1,340 @@
-import { VueComponentBase, LayoutCanvasStore, BlockInstance, LayoutMediaContext, LayoutFileContext } from "@omnia/fx/ux";
-import { Block, GuidValue, IBlockInstance } from "@omnia/fx/models";
-import { ILayoutBlockRendererHelper } from "./ILayoutBlockRendererHelper";
+import { LayoutMediaContext, LayoutFileContext } from "@omnia/fx/ux";
+import { GuidValue, IBlockInstance } from "@omnia/fx/models";
 import { ISettingsStorage } from "../../../services";
-export default class LayoutBlockRendererHelper extends VueComponentBase implements ILayoutBlockRendererHelper {
-    blockId: string;
-    blockRenderer: () => JSX.Element;
-    settingsStorage: ISettingsStorage<any>;
-    layoutProvider?: string;
-    blockManifestId?: GuidValue;
-    blockElementToRender?: string;
-    onSettingsElementUpdated?: (element: string) => void;
-    isEditMode?: boolean;
-    mediaContext: LayoutMediaContext;
-    fileContext: LayoutFileContext;
-    onBlockInstanceCreated?: (blockInstance: IBlockInstance) => void;
-    private subscriptionHandler;
-    layoutMediaContext: LayoutMediaContext;
-    layoutFileContext: LayoutFileContext;
-    layoutStore: LayoutCanvasStore;
-    blockInstance: BlockInstance;
-    private subscribeSettingUpdated;
-    private blockSettingsManager;
-    private readyToRender;
-    block: Partial<Block>;
-    mounted(): void;
-    beforeDestroy(): void;
-    created(): void;
-    private handleSettingsChanged;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "block-element-to-render": {
+                type: import("vue").PropType<string>;
+            };
+            blockElementToRender: {
+                type: import("vue").PropType<string>;
+            };
+            "block-manifest-id": {
+                type: import("vue").PropType<GuidValue>;
+            };
+            blockManifestId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+            "on-block-instance-created": {
+                type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+            };
+            onBlockInstanceCreated: {
+                type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+            };
+            "on-settings-element-updated": {
+                type: import("vue").PropType<(element: string) => void>;
+            };
+            onSettingsElementUpdated: {
+                type: import("vue").PropType<(element: string) => void>;
+            };
+            "file-context": {
+                type: import("vue").PropType<LayoutFileContext>;
+            };
+            fileContext: {
+                type: import("vue").PropType<LayoutFileContext>;
+            };
+            "media-context": {
+                type: import("vue").PropType<LayoutMediaContext>;
+            };
+            mediaContext: {
+                type: import("vue").PropType<LayoutMediaContext>;
+            };
+            "is-edit-mode": {
+                type: import("vue").PropType<boolean>;
+            };
+            isEditMode: {
+                type: import("vue").PropType<boolean>;
+            };
+            "layout-provider": {
+                type: import("vue").PropType<string>;
+            };
+            layoutProvider: {
+                type: import("vue").PropType<string>;
+            };
+            "settings-storage": {
+                type: import("vue").PropType<ISettingsStorage<any>>;
+            };
+            settingsStorage: {
+                type: import("vue").PropType<ISettingsStorage<any>>;
+            };
+            "block-renderer": {
+                type: import("vue").PropType<() => JSX.Element>;
+            };
+            blockRenderer: {
+                type: import("vue").PropType<() => JSX.Element>;
+            };
+            "block-id": {
+                type: import("vue").PropType<string>;
+            };
+            blockId: {
+                type: import("vue").PropType<string>;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "block-element-to-render": {
+                type: import("vue").PropType<string>;
+            };
+            blockElementToRender: {
+                type: import("vue").PropType<string>;
+            };
+            "block-manifest-id": {
+                type: import("vue").PropType<GuidValue>;
+            };
+            blockManifestId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+            "on-block-instance-created": {
+                type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+            };
+            onBlockInstanceCreated: {
+                type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+            };
+            "on-settings-element-updated": {
+                type: import("vue").PropType<(element: string) => void>;
+            };
+            onSettingsElementUpdated: {
+                type: import("vue").PropType<(element: string) => void>;
+            };
+            "file-context": {
+                type: import("vue").PropType<LayoutFileContext>;
+            };
+            fileContext: {
+                type: import("vue").PropType<LayoutFileContext>;
+            };
+            "media-context": {
+                type: import("vue").PropType<LayoutMediaContext>;
+            };
+            mediaContext: {
+                type: import("vue").PropType<LayoutMediaContext>;
+            };
+            "is-edit-mode": {
+                type: import("vue").PropType<boolean>;
+            };
+            isEditMode: {
+                type: import("vue").PropType<boolean>;
+            };
+            "layout-provider": {
+                type: import("vue").PropType<string>;
+            };
+            layoutProvider: {
+                type: import("vue").PropType<string>;
+            };
+            "settings-storage": {
+                type: import("vue").PropType<ISettingsStorage<any>>;
+            };
+            settingsStorage: {
+                type: import("vue").PropType<ISettingsStorage<any>>;
+            };
+            "block-renderer": {
+                type: import("vue").PropType<() => JSX.Element>;
+            };
+            blockRenderer: {
+                type: import("vue").PropType<() => JSX.Element>;
+            };
+            "block-id": {
+                type: import("vue").PropType<string>;
+            };
+            blockId: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "block-element-to-render": {
+            type: import("vue").PropType<string>;
+        };
+        blockElementToRender: {
+            type: import("vue").PropType<string>;
+        };
+        "block-manifest-id": {
+            type: import("vue").PropType<GuidValue>;
+        };
+        blockManifestId: {
+            type: import("vue").PropType<GuidValue>;
+        };
+        "on-block-instance-created": {
+            type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+        };
+        onBlockInstanceCreated: {
+            type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+        };
+        "on-settings-element-updated": {
+            type: import("vue").PropType<(element: string) => void>;
+        };
+        onSettingsElementUpdated: {
+            type: import("vue").PropType<(element: string) => void>;
+        };
+        "file-context": {
+            type: import("vue").PropType<LayoutFileContext>;
+        };
+        fileContext: {
+            type: import("vue").PropType<LayoutFileContext>;
+        };
+        "media-context": {
+            type: import("vue").PropType<LayoutMediaContext>;
+        };
+        mediaContext: {
+            type: import("vue").PropType<LayoutMediaContext>;
+        };
+        "is-edit-mode": {
+            type: import("vue").PropType<boolean>;
+        };
+        isEditMode: {
+            type: import("vue").PropType<boolean>;
+        };
+        "layout-provider": {
+            type: import("vue").PropType<string>;
+        };
+        layoutProvider: {
+            type: import("vue").PropType<string>;
+        };
+        "settings-storage": {
+            type: import("vue").PropType<ISettingsStorage<any>>;
+        };
+        settingsStorage: {
+            type: import("vue").PropType<ISettingsStorage<any>>;
+        };
+        "block-renderer": {
+            type: import("vue").PropType<() => JSX.Element>;
+        };
+        blockRenderer: {
+            type: import("vue").PropType<() => JSX.Element>;
+        };
+        "block-id": {
+            type: import("vue").PropType<string>;
+        };
+        blockId: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "block-element-to-render": {
+        type: import("vue").PropType<string>;
+    };
+    blockElementToRender: {
+        type: import("vue").PropType<string>;
+    };
+    "block-manifest-id": {
+        type: import("vue").PropType<GuidValue>;
+    };
+    blockManifestId: {
+        type: import("vue").PropType<GuidValue>;
+    };
+    "on-block-instance-created": {
+        type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+    };
+    onBlockInstanceCreated: {
+        type: import("vue").PropType<(blockInstance: IBlockInstance) => void>;
+    };
+    "on-settings-element-updated": {
+        type: import("vue").PropType<(element: string) => void>;
+    };
+    onSettingsElementUpdated: {
+        type: import("vue").PropType<(element: string) => void>;
+    };
+    "file-context": {
+        type: import("vue").PropType<LayoutFileContext>;
+    };
+    fileContext: {
+        type: import("vue").PropType<LayoutFileContext>;
+    };
+    "media-context": {
+        type: import("vue").PropType<LayoutMediaContext>;
+    };
+    mediaContext: {
+        type: import("vue").PropType<LayoutMediaContext>;
+    };
+    "is-edit-mode": {
+        type: import("vue").PropType<boolean>;
+    };
+    isEditMode: {
+        type: import("vue").PropType<boolean>;
+    };
+    "layout-provider": {
+        type: import("vue").PropType<string>;
+    };
+    layoutProvider: {
+        type: import("vue").PropType<string>;
+    };
+    "settings-storage": {
+        type: import("vue").PropType<ISettingsStorage<any>>;
+    };
+    settingsStorage: {
+        type: import("vue").PropType<ISettingsStorage<any>>;
+    };
+    "block-renderer": {
+        type: import("vue").PropType<() => JSX.Element>;
+    };
+    blockRenderer: {
+        type: import("vue").PropType<() => JSX.Element>;
+    };
+    "block-id": {
+        type: import("vue").PropType<string>;
+    };
+    blockId: {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        blockId?: string;
+        "block-id"?: string;
+        blockRenderer?: () => JSX.Element;
+        "block-renderer"?: () => JSX.Element;
+        settingsStorage?: ISettingsStorage<any>;
+        "settings-storage"?: ISettingsStorage<any>;
+        layoutProvider?: string;
+        "layout-provider"?: string;
+        isEditMode?: boolean;
+        "is-edit-mode"?: boolean;
+        mediaContext?: LayoutMediaContext;
+        "media-context"?: LayoutMediaContext;
+        fileContext?: LayoutFileContext;
+        "file-context"?: LayoutFileContext;
+        onSettingsElementUpdated?: (element: string) => void;
+        "on-settings-element-updated"?: (element: string) => void;
+        onBlockInstanceCreated?: (blockInstance: IBlockInstance) => void;
+        "on-block-instance-created"?: (blockInstance: IBlockInstance) => void;
+        blockManifestId?: unknown;
+        "block-manifest-id"?: unknown;
+        blockElementToRender?: string;
+        "block-element-to-render"?: string;
+    }>;
+};
+export default _default;