@omnia/fx 8.0.525-dev → 8.0.527-dev

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

@@ -30,7 +30,7 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
         actions: import("../../mobile").StoreReturnDefineAction<{
             hooks: () => import("../../mobile").StoreReturnDefineAction<{
                 blockinstanceCreated: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
-                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => void;
+                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => import("@omnia/fx-models").ILayoutSectionRenderer;
             }>;
             layout: () => import("../../mobile").StoreReturnDefineAction<{
                 set: (layout: import("@omnia/fx-models").Layout) => void;
@@ -71,6 +71,7 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
         };
         rules: {
             isEditMode: () => boolean;
+            isEmptyLayout: () => boolean;
         };
         readonly editor: {
             state: {
@@ -184,6 +185,7 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
                 isClipboardActive: () => boolean;
                 activeItem: {
                     isSection(): boolean;
+                    isFirstSectionActive(): boolean;
                 };
                 showSelectors: () => boolean;
                 isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;
@@ -309,6 +311,7 @@ export declare function defineLayoutEditorCanvas(settings: LayoutEditorCanvasSet
             isClipboardActive: () => boolean;
             activeItem: {
                 isSection(): boolean;
+                isFirstSectionActive(): boolean;
             };
             showSelectors: () => boolean;
             isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;

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

@@ -22,7 +22,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         actions: import("../../mobile").StoreReturnDefineAction<{
             hooks: () => import("../../mobile").StoreReturnDefineAction<{
                 blockinstanceCreated: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
-                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => void;
+                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => import("@omnia/fx-models").ILayoutSectionRenderer;
             }>;
             layout: () => import("../../mobile").StoreReturnDefineAction<{
                 set: (layout: import("@omnia/fx-models").Layout) => void;
@@ -63,6 +63,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         };
         rules: {
             isEditMode: () => boolean;
+            isEmptyLayout: () => boolean;
         };
         readonly editor: {
             state: {
@@ -176,6 +177,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
                 isClipboardActive: () => boolean;
                 activeItem: {
                     isSection(): boolean;
+                    isFirstSectionActive(): boolean;
                 };
                 showSelectors: () => boolean;
                 isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.stylex.d.ts

@@ -1,3 +1,5 @@
+import { useColorSchemaStore } from "../..";
 export declare const LayoutEditorCanvasStyles: {
-    layoutItemSelectorPosition: import("../..").StylexValue;
+    canvasWrapper: (active: boolean, store: ReturnType<typeof useColorSchemaStore>) => Readonly<import("../..").StylexValue>;
+    layoutItemEmptySelectorPosition: Readonly<import("../..").StylexValue>;
 };

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

@@ -0,0 +1,18 @@
+import { ILayoutMediaContext, ILayoutFileContext } from "@omnia/fx/models";
+import { DefineRef, DefineProp } from "@omnia/fx/ux";
+import { useLayoutCanvasStore } from "../";
+export type LayoutRendererCanvasApis = {
+    layoutCanvasStore: ReturnType<typeof useLayoutCanvasStore>;
+    mediaContext: ILayoutMediaContext;
+    fileContext: ILayoutFileContext;
+};
+type Props = DefineProp<"designRender", boolean> & DefineRef<LayoutRendererCanvasApis> & DefineProp<"height", string> & DefineProp<"provider", string> & DefineProp<"disableScrollCompensation", boolean> & DefineProp<"noScroll", boolean>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Props> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {
+    ref?: import("vue").Ref<LayoutRendererCanvasApis, LayoutRendererCanvasApis> | ((ref: LayoutRendererCanvasApis) => void);
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "provider" | "ref" | "designRender" | "disableScrollCompensation" | "noScroll"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -113,6 +113,7 @@ export declare const useLayoutCanvasEditorStore: () => {
         isClipboardActive: () => boolean;
         activeItem: {
             isSection(): boolean;
+            isFirstSectionActive(): boolean;
         };
         showSelectors: () => boolean;
         isLayoutItemLocked: (item: LayoutItem) => boolean;

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

@@ -37,7 +37,7 @@ export declare const useLayoutCanvasStore: () => {
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         hooks: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             blockinstanceCreated: (blockInstance: IBlockInstance) => void;
-            layoutSectionRenderer: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
+            layoutSectionRenderer: (layoutSectionRenderer: ILayoutSectionRenderer) => ILayoutSectionRenderer;
         }>;
         layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             set: (layout: Layout) => void;
@@ -76,6 +76,7 @@ export declare const useLayoutCanvasStore: () => {
     };
     rules: {
         isEditMode: () => boolean;
+        isEmptyLayout: () => boolean;
     };
     readonly editor: {
         state: {
@@ -189,6 +190,7 @@ export declare const useLayoutCanvasStore: () => {
             isClipboardActive: () => boolean;
             activeItem: {
                 isSection(): boolean;
+                isFirstSectionActive(): boolean;
             };
             showSelectors: () => boolean;
             isLayoutItemLocked: (item: LayoutItem) => boolean;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/MediaPicker/nodes/MediaPickerNodeView.d.ts

@@ -1,88 +1,23 @@
 import { Node as ProseMirrorNode } from "@tiptap/pm/model";
 import { Editor } from "@tiptap/core";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        getPos: {
-            type: import("vue").PropType<() => number>;
-        };
-        editor: {
-            type: import("vue").PropType<Editor>;
-        };
-        updateAttributes: {
-            type: import("vue").PropType<(attributes: Record<string, any>) => void>;
-        };
-        "onUpdate:node": {
-            type: import("vue").PropType<(value: ProseMirrorNode) => any | void>;
-        };
-        "v-model:node": {
-            type: import("vue").PropType<ProseMirrorNode>;
-            required: false;
-        };
-        node: {
-            type: import("vue").PropType<ProseMirrorNode>;
-            required: false;
-        };
-    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        getPos: {
-            type: import("vue").PropType<() => number>;
-        };
-        editor: {
-            type: import("vue").PropType<Editor>;
-        };
-        updateAttributes: {
-            type: import("vue").PropType<(attributes: Record<string, any>) => void>;
-        };
-        "onUpdate:node": {
-            type: import("vue").PropType<(value: ProseMirrorNode) => any | void>;
-        };
-        "v-model:node": {
-            type: import("vue").PropType<ProseMirrorNode>;
-            required: false;
-        };
-        node: {
-            type: import("vue").PropType<ProseMirrorNode>;
-            required: false;
-        };
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    getPos: {
-        type: import("vue").PropType<() => number>;
-    };
-    editor: {
-        type: import("vue").PropType<Editor>;
-    };
-    updateAttributes: {
-        type: import("vue").PropType<(attributes: Record<string, any>) => void>;
-    };
-    "onUpdate:node": {
-        type: import("vue").PropType<(value: ProseMirrorNode) => any | void>;
-    };
-    "v-model:node": {
-        type: import("vue").PropType<ProseMirrorNode>;
-        required: false;
-    };
-    node: {
-        type: import("vue").PropType<ProseMirrorNode>;
-        required: false;
-    };
-}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        node?: ProseMirrorNode;
-        editor?: Editor;
-        updateAttributes?: (attributes: Record<string, any>) => void;
-        "onUpdate:node"?: (value: ProseMirrorNode) => any | void;
-        "v-model:node"?: ProseMirrorNode;
-        getPos?: () => number;
-    }>, never>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    "emit:update:node": (value: ProseMirrorNode) => void;
+} & {
+    "v-model:node"?: ProseMirrorNode;
+} & {
+    node?: ProseMirrorNode;
+} & {
+    updateAttributes?: (attributes: Record<string, any>) => void;
+} & {
+    editor?: Editor;
+} & {
+    getPos?: () => number;
+}> & {
+    "onUpdate:node"?: (value: ProseMirrorNode) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "node" | "editor" | "updateAttributes" | "emit:update:node" | "v-model:node" | "getPos"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/rollup/views/CardView.d.ts

@@ -1,5 +1,5 @@
 import { MediaPickerMedia } from "@omnia/fx-models";
-import { SetupContext, SlotsType, VNodeChild } from "vue";
+import { HTMLAttributes, SetupContext, SlotsType, VNodeChild } from "vue";
 export declare function defineCardView(): {
     Header: typeof HeaderComponent;
     Title: typeof o.text;
@@ -8,8 +8,8 @@ export declare function defineCardView(): {
     Media: typeof MediaComponent;
     Card: typeof o.card;
 };
-declare function HeaderComponent(props: any, ctx: SetupContext<{}>): import("vue/jsx-runtime").JSX.Element;
-declare function BodyComponent(props: any, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
+declare function HeaderComponent(props: HTMLAttributes, ctx: SetupContext<{}>): import("vue/jsx-runtime").JSX.Element;
+declare function BodyComponent(props: HTMLAttributes, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
 type FooterSlots = {
     left?: () => VNodeChild;
     right?: () => VNodeChild;
@@ -17,8 +17,8 @@ type FooterSlots = {
 };
 declare function FooterComponent(props: {
     "v-slots"?: FooterSlots;
-}, ctx: SetupContext<{}, SlotsType<FooterSlots>>): import("vue/jsx-runtime").JSX.Element;
+} & HTMLAttributes, ctx: SetupContext<{}, SlotsType<FooterSlots>>): import("vue/jsx-runtime").JSX.Element;
 declare function MediaComponent(props: {
     media?: MediaPickerMedia | string;
-}, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
+} & HTMLAttributes, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
 export {};

package/internal-do-not-import-from-here/ux/rollup/views/ListView.d.ts

@@ -1,5 +1,5 @@
 import { IIcon, MediaPickerMedia } from "@omnia/fx-models";
-import { SetupContext, TdHTMLAttributes, VNodeChild } from "vue";
+import { HTMLAttributes, SetupContext, TdHTMLAttributes, VNodeChild } from "vue";
 export declare function defineListView(): {
     List: typeof ListComponent;
     Row: typeof RowComponent;
@@ -12,11 +12,11 @@ declare function ListComponent(props: {
         title: string | VNodeChild;
         colspan?: number;
     }[];
-}, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
-declare function RowComponent(props: any, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
+} & HTMLAttributes, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
+declare function RowComponent(props: HTMLAttributes, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
 declare function CellComponent(props: TdHTMLAttributes, ctx: SetupContext): import("vue/jsx-runtime").JSX.Element;
 declare function RichTextComponent(props: {
     text: string;
     media?: IIcon | MediaPickerMedia | string;
-}): import("vue/jsx-runtime").JSX.Element;
+} & HTMLAttributes): import("vue/jsx-runtime").JSX.Element;
 export {};

package/internal-do-not-import-from-here/ux/versionedlayout/editor/views/DefineDefaultView.d.ts

@@ -4,6 +4,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
         id: guid;
         settings: import("../..").VersionedLayoutEditorSettings<import("@omnia/fx-models").VersionedLayoutDefinition>;
         active: {
+            parentVersionedLayout: import("@omnia/fx-models").VersionedLayout;
             versionedLayout: import("@omnia/fx-models").VersionedLayout;
             layout: import("@omnia/fx-models").Layout;
             versionedData: import("@omnia/fx-models").IVersionedData<import("@omnia/fx-models").VersionedLayoutDefinition>;
@@ -19,6 +20,7 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
         id: guid;
         settings: import("../..").VersionedLayoutEditorSettings<import("@omnia/fx-models").VersionedLayoutDefinition>;
         active: {
+            parentVersionedLayout: import("@omnia/fx-models").VersionedLayout;
             versionedLayout: import("@omnia/fx-models").VersionedLayout;
             layout: import("@omnia/fx-models").Layout;
             versionedData: import("@omnia/fx-models").IVersionedData<import("@omnia/fx-models").VersionedLayoutDefinition>;
@@ -32,8 +34,12 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("../../../mobile").StoreReturnDefineAction<{
         layout: () => {
-            set: (layout: import("@omnia/fx-models").VersionedLayout) => Promise<unknown>;
-            setDefault: () => void;
+            publish: () => Promise<void>;
+            saveAsDraft: () => Promise<void>;
+            discardChanges: () => Promise<void>;
+            checkOut: () => Promise<void>;
+            set: (layout: import("@omnia/fx-models").VersionedLayout) => Promise<void>;
+            setDefault: () => Promise<void>;
         };
         editor: () => {
             set: {
@@ -47,7 +53,16 @@ export declare const defineDefaultEditorView: (param1: EditorChromeConfiguration
         editorMode: () => import("@omnia/fx-models").LayoutCanvasEditorMode;
         canvasMode: () => import("@omnia/fx-models").LayoutCanvasMode;
     };
-    rules: {};
+    rules: {
+        isCheckedOutToMe: () => boolean;
+        isCheckedOut: () => boolean;
+        actions: {
+            hide: {
+                whenNotCheckedOut: () => boolean;
+                whenCheckedOut: () => boolean;
+            };
+        };
+    };
 } & {
     dispose?: () => void;
 }) => {

package/internal-do-not-import-from-here/ux/versionedlayout/renderer/v2/VersionedLayoutRenderer.d.ts

@@ -0,0 +1,14 @@
+import { VersionedLayoutId, guid, IVersionReference } from "@omnia/fx-models";
+import { DefineEmit, DefineProp } from "@omnia/fx/ux";
+import { type LayoutRendererCanvasApis } from "internal/fx/ux/layoutcanvas/renderer/LayoutRendererCanvasV2";
+import { ServiceContainerContext } from "@omnia/fx";
+type Props = DefineProp<"layoutBackgroundImageElementId", String> & DefineEmit<"ready", (apis: LayoutRendererCanvasApis) => void> & DefineProp<"height", string> & DefineProp<"appInstanceId", guid, true> & DefineProp<"versionedLayoutId", VersionedLayoutId> & DefineProp<"enableAlternateLayout", boolean> & DefineProp<"noScroll", boolean> & DefineProp<"layoutProvider", string> & DefineProp<"serviceContainerContext", ServiceContainerContext> & DefineProp<"publishedVersionReference", IVersionReference>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Props> & {
+    onReady?: (apis: LayoutRendererCanvasApis) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "appInstanceId" | "serviceContainerContext" | "versionedLayoutId" | "layoutProvider" | "noScroll" | "publishedVersionReference" | "layoutBackgroundImageElementId" | "enableAlternateLayout" | "emit:ready"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/versionedlayout/stores/VersionedLayoutEditorStoreV2.d.ts

@@ -11,6 +11,7 @@ export declare const useVersionedLayoutEditorStore: () => {
         id: guid;
         settings: VersionedLayoutEditorSettings<VersionedLayoutDefinition>;
         active: {
+            parentVersionedLayout: VersionedLayout;
             versionedLayout: VersionedLayout;
             layout: Layout;
             versionedData: IVersionedData<VersionedLayoutDefinition>;
@@ -26,6 +27,7 @@ export declare const useVersionedLayoutEditorStore: () => {
         id: guid;
         settings: VersionedLayoutEditorSettings<VersionedLayoutDefinition>;
         active: {
+            parentVersionedLayout: VersionedLayout;
             versionedLayout: VersionedLayout;
             layout: Layout;
             versionedData: IVersionedData<VersionedLayoutDefinition>;
@@ -39,8 +41,12 @@ export declare const useVersionedLayoutEditorStore: () => {
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         layout: () => {
-            set: (layout: VersionedLayout) => Promise<unknown>;
-            setDefault: () => void;
+            publish: () => Promise<void>;
+            saveAsDraft: () => Promise<void>;
+            discardChanges: () => Promise<void>;
+            checkOut: () => Promise<void>;
+            set: (layout: VersionedLayout) => Promise<void>;
+            setDefault: () => Promise<void>;
         };
         editor: () => {
             set: {
@@ -54,7 +60,16 @@ export declare const useVersionedLayoutEditorStore: () => {
         editorMode: () => LayoutCanvasEditorMode;
         canvasMode: () => import("@omnia/fx-models").LayoutCanvasMode;
     };
-    rules: {};
+    rules: {
+        isCheckedOutToMe: () => boolean;
+        isCheckedOut: () => boolean;
+        actions: {
+            hide: {
+                whenNotCheckedOut: () => boolean;
+                whenCheckedOut: () => boolean;
+            };
+        };
+    };
 } & {
     dispose?: () => void;
 };

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -148,6 +148,7 @@ import wc21a1f20b3d404602853049c1c8b8da2f from './ux/userpresence/UserPresence';
 import wc30289e2b58ff48b0aabb3cb3732c3038 from './ux/usertypelayout/UserTypeLayoutRenderer';
 import wc90cfd68bb4e04f67bfd5677bdf4af59d from './ux/validation/FieldValidation';
 import wcba03fc7e6921468289c0a0ffe0cf942e from './ux/versionedlayout/renderer/VersionedLayoutRenderer';
+import wc16225d552da74599b01a49952f3d2280 from './ux/versionedlayout/renderer/v2/VersionedLayoutRenderer';
 import wc73154f51a92944acbe248779a3fa7ef5 from './ux/versionedlayout/editor/VersionedLayoutEditor_old';
 import wcf61a88097aa748dbb99b691f78da571a from './ux/versionedlayout/editor/VersionedLayoutEditor';
 import wc32a6ca3074384eb4bcef68e9cd49a334 from './ux/versionedlayout/editor/panels/versionhistory/VersionHistory';
@@ -258,6 +259,7 @@ import wc5d6ec741cf6e4d8ab005abdda288ceed from './ux/layoutcanvas/layoutblock/La
 import wc0b2ee63495854227a082987161a9e641 from './ux/layoutcanvas/renderer/LayoutBlockRendererHelper';
 import wc16631fca46634e1b8c44401400bbf6ef from './ux/layoutcanvas/renderer/InternalLayoutBlockSettingsHelper';
 import wcf346db89a53b404690b1795429fb0162 from './ux/layoutcanvas/renderer/LayoutRendererCanvas';
+import wc100134c612ae49f1a7ab9e89abe8af5b from './ux/layoutcanvas/renderer/LayoutRendererCanvasV2';
 import wc96c7e84dfb66450796fe123aea7999c5 from './ux/mediagallery/view/PhotoWallWithSliderDisplayRenderer';
 import wcc15cd6402e584ab18c73ed2b5e3eded9 from './ux/mediagallery/view/MediaDisplayRenderer';
 import wc29f45ded4fb4479fab6fd6fd79505642 from './ux/mediapickerV2/chrome/MediaPicker';
@@ -2591,13 +2593,21 @@ declare global {
         };
         "versioned": {
             "layout": {
-                "renderer": typeof wcba03fc7e6921468289c0a0ffe0cf942e extends {
+                "renderer": (typeof wcba03fc7e6921468289c0a0ffe0cf942e extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wcba03fc7e6921468289c0a0ffe0cf942e;
+                } : typeof wcba03fc7e6921468289c0a0ffe0cf942e) & {
+                    "v2": typeof wc16225d552da74599b01a49952f3d2280 extends {
+                        propsDefinition: infer TProp;
+                    } ? {
+                        new (...args: any[]): {
+                            $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                        };
+                    } : typeof wc16225d552da74599b01a49952f3d2280;
+                };
                 "editor": (typeof wc73154f51a92944acbe248779a3fa7ef5 extends {
                     propsDefinition: infer TProp;
                 } ? {
@@ -3342,13 +3352,21 @@ declare global {
                 };
             };
             "renderer": {
-                "canvas": typeof wcf346db89a53b404690b1795429fb0162 extends {
+                "canvas": (typeof wcf346db89a53b404690b1795429fb0162 extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wcf346db89a53b404690b1795429fb0162;
+                } : typeof wcf346db89a53b404690b1795429fb0162) & {
+                    "v2": typeof wc100134c612ae49f1a7ab9e89abe8af5b extends {
+                        propsDefinition: infer TProp;
+                    } ? {
+                        new (...args: any[]): {
+                            $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                        };
+                    } : typeof wc100134c612ae49f1a7ab9e89abe8af5b;
+                };
             };
             "background": {
                 "settings": typeof wcf5cf0b4975644d688124880ae533869e extends {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.525-dev",
+  "version": "8.0.527-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.525-dev",
+    "@omnia/fx-models": "8.0.527-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",