@omnia/fx 8.0.510-dev → 8.0.511-dev

package/internal-do-not-import-from-here/manifests/omnia.fx.ux.editor.manifest.json

@@ -1 +1 @@
-{"name":"omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['e0d8cdbf-5683-4f1b-883b-da203e8193a4']","content":{"./node_modules/@omnia/fx/ux/editor/index.js":{"id":"9a97c476-5a09-4522-b16d-db752dc06c7e","buildMeta":{"exportsType":"namespace"},"expo.js":["defineEditorChromeConfiguration","defineEditorChromeView","defineJourneyMenuSettings","defineLayoutEditorCanvas","useBlockJourneyMenuSettings","useDefineLayoutEditorCanvas","useJourneyMenuSettingsStore"]}}}
+{"name":"omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['e0d8cdbf-5683-4f1b-883b-da203e8193a4']","content":{"./node_modules/@omnia/fx/ux/editor/index.js":{"id":"9a97c476-5a09-4522-b16d-db752dc06c7e","buildMeta":{"exportsType":"namespace"},"expo.js":["defineEditorChromeConfiguration","defineEditorChromeView","defineJourneyMenuSettings","defineLayoutEditorCanvas","useBlockJourneyMenuSettings","useJourneyMenuSettingsStore"]}}}

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

@@ -582,6 +582,7 @@ export interface OmniaUxLocalization {
             Image: string;
             Process: string;
             Integer: string;
+            Date: string;
             DateTime: string;
             Boolean: string;
             Language: string;
@@ -1010,6 +1011,9 @@ export interface OmniaUxLocalization {
             Random: string;
             DesignLayout: string;
             OpenEditor: string;
+            Design: string;
+            Preview: string;
+            Write: string;
         };
         LayoutStructure: {
             Layout: string;

package/internal-do-not-import-from-here/ux/editorchrome/{navigation → _old/navigation}/EditorChromeNavigation.css.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyling } from "@omnia/fx-models";
-import { ITheming } from "../../theming";
+import { ITheming } from "../../../theming";
 /**
  * Styles for the Navigation Panel component
  */

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts

@@ -1,4 +1,4 @@
-import { DisplayBreakpointTypes, guid, EditorChromeConfiguration, NotificationMessage, IIcon, EditorChromeNavigationConfiguration, Future, EditorChromeView } from "@omnia/fx-models";
+import { DisplayBreakpointTypes, guid, EditorChromeConfiguration, NotificationMessage, IIcon, EditorChromeNavigationConfiguration, Future, EditorChromeView, EditorChromePanel, ChromeActionItem } from "@omnia/fx-models";
 interface EditorChromeViewRegistration {
     view: EditorChromeView;
     configuration: EditorChromeConfiguration;
@@ -12,19 +12,28 @@ export declare const useEditorChromeStore: () => {
             enabled: boolean;
             show: boolean;
         };
-        panel: {
-            renderer: () => Array<JSX.Element> | JSX.Element;
-            show: boolean;
-        };
         drawers: {
             right: {
-                enabled: boolean;
-                show: boolean;
-                customScroll: boolean;
-                header: {
+                panel: {
+                    settings: EditorChromePanel;
+                    show: boolean;
+                    actions: ChromeActionItem[];
+                    footerToolbar: {
+                        actionsLeft: ChromeActionItem[];
+                        actionsCenter: ChromeActionItem[];
+                        actionsRight: ChromeActionItem[];
+                        ExtendActionsRight: ChromeActionItem[];
+                    };
+                };
+                canvas: {
                     enabled: boolean;
-                    icon: IIcon;
-                    title: string;
+                    show: boolean;
+                    customScroll: boolean;
+                    header: {
+                        enabled: boolean;
+                        icon: IIcon;
+                        title: string;
+                    };
                 };
             };
         };
@@ -151,16 +160,10 @@ export declare const useEditorChromeStore: () => {
             resetZoom: () => void;
         };
         editor: () => {
-            syncWithConfiguration: () => void;
+            resetForNewActiveConfiguration: () => void;
         };
         views: () => {
             register: (editorView: EditorChromeView | EditorChromeView[]) => void;
-            history: {
-                goBack: () => boolean;
-                goForward: () => boolean;
-                addToHistory: (view: EditorChromeView) => void;
-                clear: () => void;
-            };
             active: {
                 set: (view: EditorChromeView, addToHistory?: boolean) => void;
                 clear: () => void;
@@ -169,6 +172,12 @@ export declare const useEditorChromeStore: () => {
                 };
             };
             remove: (view: EditorChromeView) => void;
+            history: {
+                goBack: () => boolean;
+                goForward: () => boolean;
+                addToHistory: (view: EditorChromeView) => void;
+                clear: () => void;
+            };
         };
         showNotification: (message: NotificationMessage) => void;
         operations: () => {
@@ -186,17 +195,28 @@ export declare const useEditorChromeStore: () => {
         };
         drawers: () => {
             right: {
-                configure: (header: {
-                    icon?: IIcon;
-                    title?: string;
-                    enabled?: boolean;
-                }, customScroll?: boolean) => void;
-                toolbar: {
-                    enable: (value: boolean) => void;
+                panel: {
+                    show: (panel: EditorChromePanel) => void;
+                    footerToolbar: {
+                        add: {
+                            action: (action: ChromeActionItem | ChromeActionItem[], position?: "left" | "center" | "right" | "extended-right") => void;
+                        };
+                    };
+                    close: () => void;
+                };
+                canvas: {
+                    configure: (header: {
+                        icon?: IIcon;
+                        title?: string;
+                        enabled?: boolean;
+                    }, customScroll?: boolean) => void;
+                    toolbar: {
+                        enable: (value: boolean) => void;
+                    };
+                    syncButtons: (currentId: guid) => void;
+                    toggle: () => void;
+                    show: (value: boolean) => void;
                 };
-                syncButtons: (currentId: guid) => void;
-                toggle: () => void;
-                show: (value: boolean) => void;
             };
         };
         init: () => void;

package/internal-do-not-import-from-here/ux/errormessage/ErrorMessage.css.d.ts

@@ -13,11 +13,8 @@ export declare const ErrorMessageStyle: {
     fullTitle?: types.NestedCSSProperties;
 };
 export declare const ErrorMessageStylex: {
-    alert: (bgColor: string, textColor: string) => Readonly<import("../Styles.stylex").StylexValue>;
-    alertDetail: (bgColor: string, textColor: string) => Readonly<import("../Styles.stylex").StylexValue>;
     container: Readonly<import("../Styles.stylex").StylexValue>;
     content: Readonly<import("../Styles.stylex").StylexValue>;
-    contentTitle: Readonly<import("../Styles.stylex").StylexValue>;
     fullTitle: Readonly<import("../Styles.stylex").StylexValue>;
     comments: Readonly<import("../Styles.stylex").StylexValue>;
     exit: Readonly<import("../Styles.stylex").StylexValue>;

package/internal-do-not-import-from-here/ux/journey/core/JourneyRouter.d.ts

@@ -1,4 +1,2 @@
 import { BladeInstance } from "@omnia/fx/ux";
-export declare function useInternalJourneyRouter(blade: BladeInstance): {
-    refresh(): void;
-};
+export declare function useInternalJourneyRouter(blade: BladeInstance): void;

package/internal-do-not-import-from-here/ux/journey/models/BladeInstance.d.ts

@@ -7,6 +7,7 @@ interface FilterInstance<T> {
 export interface BladeInstance {
     id: guid;
     size: BladeSizeTypes;
+    type: "blade" | "place-holder";
     visible?: boolean;
     active?: boolean;
     disabledCommitButton?: boolean;

package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts

@@ -1,7 +1,7 @@
 import { OMultiSelectionStyles } from "@omnia/fx-models";
 import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ItemType, ItemValueType, JourneySelectItem } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type OJourneySelectV2Props<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"multiSelectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemDeletable", (item: ItemType<TItem>) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"item", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selection", (item: JourneySelectItem<any>, index: number) => VNodeChild>;
+type OJourneySelectV2Props<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"multiSelectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemDeletable", (item: ItemType<TItem>) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"item", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selection", (item: JourneySelectItem<any>, index: number) => VNodeChild>;
 declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: import("@omnia/fx/ux").ExtractProps<OJourneySelectV2Props<TItem, TReturnObject>> & {
     "onUpdate:modelValue"?: (value: any) => any;
 } & {

package/internal-do-not-import-from-here/ux/journey/stores/JourneyRouterStore.d.ts

@@ -5,6 +5,7 @@ export interface InternalJourneyBladeRouter extends JourneyBladeRouter {
 export declare const useJourneyRouterStore: () => {
     get: {
         blade<T extends InternalJourneyBladeRouter>(bladeId: guid): T;
+        bladesVisible(): InternalJourneyBladeRouter[];
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         hideBlade(blade: JourneyBladeRouter): void;

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

@@ -2,7 +2,6 @@ import { EditorChromeConfiguration, guid, ILayoutFileContext, ILayoutMediaContex
 import { useEditorChromeStore, useLayoutCanvasStore } from "../..";
 export interface LayoutEditorCanvasSettings {
     blockProvider?: string;
-    deisgnModes?: "design" | "write" | "design preview" | "write preview" | "design write" | "design write preview";
     chromeStore: ReturnType<typeof useEditorChromeStore>;
     mediaContext?: ILayoutMediaContext;
     fileContext?: ILayoutFileContext;
@@ -74,7 +73,8 @@ export declare const defineLayoutEditorCanvas: (param1: LayoutEditorCanvasSettin
         };
         readonly editor: {
             state: {
-                editorMode: import("@omnia/fx-models").LayoutCanvasMode;
+                editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
+                canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
                 id: guid;
                 settings: {
                     authDisabled: boolean;
@@ -90,165 +90,14 @@ export declare const defineLayoutEditorCanvas: (param1: LayoutEditorCanvasSettin
                 active: {
                     layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
                 };
-            };
-            actions: import("../../mobile").StoreReturnDefineAction<{
-                scrollToLayoutItem: (item: import("@omnia/fx-models").LayoutItem) => void;
-                selection: () => import("../../mobile").StoreReturnDefineAction<{
-                    execActiveAction: (container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
-                    toggleActiveAction: (item: import("@omnia/fx-models").LayoutItem | import("@omnia/fx-models").ClipboardLayoutItem, action: import("@omnia/fx-models").LayoutItemActionState) => void;
-                    removeActiveAction: () => void;
-                    removeLayoutItemSelection: () => void;
-                    setLayoutItem: (item: import("@omnia/fx-models").LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
-                }>;
-                enableDisplayBreakpointSettings: (enable: boolean) => void;
-                block: () => {
-                    set: {
-                        suggestedBlocks: (blocks: string[]) => void;
+                dialogs: {
+                    developerTools: {
+                        show: boolean;
                     };
-                    ensureRemoveDeletedBlocks: (layout: import("@omnia/fx-models").Layout) => void;
-                };
-                show: () => import("../../mobile").StoreReturnDefineAction<{
-                    settingsPanel: (action: "show" | "hide" | "toggle") => void;
-                    layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
-                    clipboardPanel: (action: "show" | "hide" | "toggle") => void;
-                }>;
-                layout: () => import("../../mobile").StoreReturnDefineAction<{
-                    copyItem: (item2Copy: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("../..").CopiedLayoutItemResult;
-                    moveItem: (item2Move: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
-                    addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
-                    insertClipboardItem: (clipboard: import("@omnia/fx-models").ClipboardLayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("../..").CopiedLayoutItemResult;
-                    deleteItem: (itemreference: import("@omnia/fx-models").DeleteItemFromLayoutPayLoad) => void;
-                    changeSectionType: (section: import("@omnia/fx-models").Section, type: import("@omnia/fx-models").SectionTypes) => void;
-                }>;
-                configureDrawer: (header: {
-                    icon?: import("@omnia/fx-models").IIcon;
-                    title?: string;
-                    enabled?: boolean;
-                }, customScroll?: boolean) => void;
-                setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
-                hooks: () => import("../../mobile").StoreReturnDefineAction<{
-                    onBlockRemoved(block: import("@omnia/fx-models").Block): void;
-                    onLayoutItemMoved(layoutItem: import("@omnia/fx-models").LayoutItem): void;
-                    onBlockCopiedHook(originalBlock: import("@omnia/fx-models").Block, newBlock: import("@omnia/fx-models").Block): void;
-                    onLayoutItemPasted(layoutItem: import("@omnia/fx-models").ClipboardLayoutItem): void;
-                }>;
-                init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof useEditorChromeStore>) => void;
-            }>;
-            get: {
-                settingsDefinitions: import("../..").LayoutDefinitionBuilder;
-                layout: {
-                    active: () => import("@omnia/fx-models").Layout;
-                };
-                block: {
-                    suggestions: () => string[];
-                    renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
-                };
-            };
-            rules: {
-                isSettingsActive: () => boolean;
-                isLayoutStructureActive: () => boolean;
-                isClipboardActive: () => boolean;
-                activeItem: {
-                    isSection(): boolean;
-                };
-                showSelectors: () => boolean;
-                isLayoutItemLocked: (item: import("@omnia/fx-models").LayoutItem) => boolean;
-                isTemplateEnabledLayout: () => boolean;
-                isAdvancedModeActivated: () => boolean;
-                isAuthDisabled: () => boolean;
-            };
-        } & {
-            dispose?: () => void;
-        };
-    } & {
-        dispose?: () => void;
-    };
-};
-export declare const useDefineLayoutEditorCanvas: (param1: LayoutEditorCanvasSettings) => {
-    configuration: EditorChromeConfiguration;
-    store: {
-        state: {
-            compatibilityMode: boolean;
-            layout: {
-                definition: import("@omnia/fx-models").LayoutDefinition;
-                ownerLayoutItemsOverride: import("@omnia/fx-models").LayoutItem[];
-                originalId: guid;
-            };
-            id: guid;
-            settings: {
-                providers: {
-                    block: string;
-                    mediaContext: ILayoutMediaContext;
-                    fileContext: ILayoutFileContext;
-                    dependencyProviders: string[];
-                };
-            };
-        };
-        actions: import("../../mobile").StoreReturnDefineAction<{
-            hooks: () => import("../../mobile").StoreReturnDefineAction<{
-                blockinstanceCreated: (blockInstance: import("@omnia/fx-models").IBlockInstance) => void;
-                layoutSectionRenderer: (layoutSectionRenderer: import("@omnia/fx-models").ILayoutSectionRenderer) => void;
-            }>;
-            layout: () => import("../../mobile").StoreReturnDefineAction<{
-                set: (layout: import("@omnia/fx-models").Layout) => void;
-            }>;
-            providers: () => {
-                set: {
-                    dependencyProviders: (providers: Array<string>) => void;
-                    block: (blockProvider: string) => void;
-                    mediaContext: (mediaContext: ILayoutMediaContext) => void;
-                    fileContext: (fileContext: ILayoutFileContext) => void;
-                };
-            };
-            notify: (blockManifestId: string) => void;
-            init: () => {
-                readOnlyCanvas: (blockProvider: string, mediaContext: ILayoutMediaContext, fileContext: ILayoutFileContext) => void;
-                editableCanvas: (editorChromeStore: ReturnType<typeof useEditorChromeStore>, blockProvider: string, mediaContext: ILayoutMediaContext, fileContext: ILayoutFileContext) => void;
-            };
-        }>;
-        get: {
-            layout: {
-                loaded: () => import("@omnia/fx-models").LoadedLayout;
-            };
-            block: {
-                readonly instances: {
-                    [blockManifestId: string]: Set<{
-                        instance: import("../..").IBlockInstanceExtendsInternal<void>;
-                    }>;
-                };
-                readonly settings: import("../..").ReactiveLayoutItemsSettingsStore;
-                settingsProvider: () => import("../..").BlockSettingsProvider;
-                renderMode: () => import("@omnia/fx-models").BlockRenderingModes;
-            };
-            providers: {
-                block: string;
-                mediaContext: ILayoutMediaContext;
-                fileContext: ILayoutFileContext;
-            };
-        };
-        rules: {
-            isEditMode: () => boolean;
-        };
-        readonly editor: {
-            state: {
-                editorMode: import("@omnia/fx-models").LayoutCanvasMode;
-                id: guid;
-                settings: {
-                    authDisabled: boolean;
-                    breakpointSettingsEnabled: boolean;
-                };
-                drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
-                selected: {
-                    layoutItem: import("@omnia/fx-models").LayoutItem;
-                    clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
-                    displayBreakPoint: import("@omnia/fx-models").DisplayBreakPoint;
-                    layoutItem4Action: import("@omnia/fx-models").LayoutItem;
-                };
-                active: {
-                    layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
                 };
             };
             actions: import("../../mobile").StoreReturnDefineAction<{
+                onActivated: () => void;
                 scrollToLayoutItem: (item: import("@omnia/fx-models").LayoutItem) => void;
                 selection: () => import("../../mobile").StoreReturnDefineAction<{
                     execActiveAction: (container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => void;
@@ -268,6 +117,7 @@ export declare const useDefineLayoutEditorCanvas: (param1: LayoutEditorCanvasSet
                     settingsPanel: (action: "show" | "hide" | "toggle") => void;
                     layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
                     clipboardPanel: (action: "show" | "hide" | "toggle") => void;
+                    developerTools: () => void;
                 }>;
                 layout: () => import("../../mobile").StoreReturnDefineAction<{
                     copyItem: (item2Copy: import("@omnia/fx-models").LayoutItem, container: import("@omnia/fx-models").LayoutItem, siblingId?: string, postInsert?: boolean) => import("../..").CopiedLayoutItemResult;
@@ -282,7 +132,8 @@ export declare const useDefineLayoutEditorCanvas: (param1: LayoutEditorCanvasSet
                     title?: string;
                     enabled?: boolean;
                 }, customScroll?: boolean) => void;
-                setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
+                setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode) => void;
+                setCanvasMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
                 hooks: () => import("../../mobile").StoreReturnDefineAction<{
                     onBlockRemoved(block: import("@omnia/fx-models").Block): void;
                     onLayoutItemMoved(layoutItem: import("@omnia/fx-models").LayoutItem): void;

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

@@ -1,9 +1,10 @@
-import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, guid, IIcon, Layout, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
+import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, guid, IIcon, Layout, LayoutCanvasEditorMode, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
 import { CopiedLayoutItemResult, LayoutDefinitionBuilder, useLayoutCanvasStore } from "..";
 import { useEditorChromeStore } from "../..";
 export declare const useLayoutCanvasEditorStore: () => {
     state: {
-        editorMode: LayoutCanvasMode;
+        editorMode: LayoutCanvasEditorMode;
+        canvasMode: LayoutCanvasMode;
         id: guid;
         settings: {
             authDisabled: boolean;
@@ -19,8 +20,14 @@ export declare const useLayoutCanvasEditorStore: () => {
         active: {
             layoutItemAction: LayoutItemActionState;
         };
+        dialogs: {
+            developerTools: {
+                show: boolean;
+            };
+        };
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        onActivated: () => void;
         scrollToLayoutItem: (item: LayoutItem) => void;
         selection: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             execActiveAction: (container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
@@ -40,6 +47,7 @@ export declare const useLayoutCanvasEditorStore: () => {
             settingsPanel: (action: "show" | "hide" | "toggle") => void;
             layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
             clipboardPanel: (action: "show" | "hide" | "toggle") => void;
+            developerTools: () => void;
         }>;
         layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             copyItem: (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
@@ -54,7 +62,8 @@ export declare const useLayoutCanvasEditorStore: () => {
             title?: string;
             enabled?: boolean;
         }, customScroll?: boolean) => void;
-        setEditorMode: (mode: LayoutCanvasMode) => void;
+        setEditorMode: (mode: LayoutCanvasEditorMode) => void;
+        setCanvasMode: (mode: LayoutCanvasMode) => void;
         hooks: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             onBlockRemoved(block: Block): void;
             onLayoutItemMoved(layoutItem: LayoutItem): void;

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

@@ -86,7 +86,8 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         };
         readonly editor: {
             state: {
-                editorMode: import("@omnia/fx-models").LayoutCanvasMode;
+                editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
+                canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
                 id: guid;
                 settings: {
                     authDisabled: boolean;
@@ -102,8 +103,14 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 active: {
                     layoutItemAction: LayoutItemActionState;
                 };
+                dialogs: {
+                    developerTools: {
+                        show: boolean;
+                    };
+                };
             };
             actions: import("../../../stores").StoreReturnDefineAction<{
+                onActivated: () => void;
                 scrollToLayoutItem: (item: LayoutItem) => void;
                 selection: () => import("../../../stores").StoreReturnDefineAction<{
                     execActiveAction: (container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
@@ -123,6 +130,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                     settingsPanel: (action: "show" | "hide" | "toggle") => void;
                     layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
                     clipboardPanel: (action: "show" | "hide" | "toggle") => void;
+                    developerTools: () => void;
                 }>;
                 layout: () => import("../../../stores").StoreReturnDefineAction<{
                     copyItem: (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
@@ -137,7 +145,8 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                     title?: string;
                     enabled?: boolean;
                 }, customScroll?: boolean) => void;
-                setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
+                setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode) => void;
+                setCanvasMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
                 hooks: () => import("../../../stores").StoreReturnDefineAction<{
                     onBlockRemoved(block: Block): void;
                     onLayoutItemMoved(layoutItem: LayoutItem): void;

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

@@ -79,7 +79,8 @@ export declare const useLayoutCanvasStore: () => {
     };
     readonly editor: {
         state: {
-            editorMode: import("@omnia/fx-models").LayoutCanvasMode;
+            editorMode: import("@omnia/fx-models").LayoutCanvasEditorMode;
+            canvasMode: import("@omnia/fx-models").LayoutCanvasMode;
             id: guid;
             settings: {
                 authDisabled: boolean;
@@ -95,8 +96,14 @@ export declare const useLayoutCanvasStore: () => {
             active: {
                 layoutItemAction: import("@omnia/fx-models").LayoutItemActionState;
             };
+            dialogs: {
+                developerTools: {
+                    show: boolean;
+                };
+            };
         };
         actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+            onActivated: () => void;
             scrollToLayoutItem: (item: LayoutItem) => void;
             selection: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
                 execActiveAction: (container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
@@ -116,6 +123,7 @@ export declare const useLayoutCanvasStore: () => {
                 settingsPanel: (action: "show" | "hide" | "toggle") => void;
                 layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
                 clipboardPanel: (action: "show" | "hide" | "toggle") => void;
+                developerTools: () => void;
             }>;
             layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
                 copyItem: (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
@@ -130,7 +138,8 @@ export declare const useLayoutCanvasStore: () => {
                 title?: string;
                 enabled?: boolean;
             }, customScroll?: boolean) => void;
-            setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
+            setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasEditorMode) => void;
+            setCanvasMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
             hooks: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
                 onBlockRemoved(block: Block): void;
                 onLayoutItemMoved(layoutItem: LayoutItem): void;

package/internal-do-not-import-from-here/ux/links/LinkPickerV2.d.ts

@@ -0,0 +1,18 @@
+import { LinkItemV2, LinkProviderId } from "@omnia/fx-models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    "emit:update:modelValue": (value: LinkItemV2) => void;
+} & {
+    "v-model"?: LinkItemV2;
+} & {
+    modelValue?: LinkItemV2;
+} & {
+    allowProviders?: LinkProviderId[];
+}> & {
+    "onUpdate:modelValue"?: (value: LinkItemV2) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "modelValue" | "emit:update:modelValue" | "allowProviders"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/models/linkpicker/LinkItemHandler.d.ts

@@ -2,5 +2,5 @@ import { LinkItem, LinkProviderId } from "@omnia/fx-models";
 export interface ILinkItemHandler {
     id: LinkProviderId;
     onClick: (e: MouseEvent, link: LinkItem) => void;
-    resolveUrl: (link: LinkItem) => Promise<string>;
+    resolveUrl: (link: LinkItem) => Promise<string> | string;
 }

package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts

@@ -1,7 +1,7 @@
 import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 import { OMenuLocations } from "@omnia/fx-models";
-type MenuProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false> & DefineProp<"activator", string, false, null, "Supply a CSS selector string to activator prop."> & DefineProp<"attach", string | boolean | Element, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"minWidth", string | number, false, null, "Sets the minimum width for the component. Use auto to use the activator width."> & DefineProp<"maxWidth", string | number, false, null, "Sets the maximum width for the component."> & DefineProp<"minHeight", string | number, false, null, "Sets the minimum height for the component."> & DefineProp<"maxHeight", string | number, false, null, "Sets the maximum height for the component."> & DefineProp<"closeDelay", string | number, false, null, "Milliseconds to wait before closing component. Only works with the open-on-hover prop."> & DefineProp<"location", OMenuLocations, false, "bottom start", "Designates where the menu should be placed."> & DefineProp<"openOnHover", boolean, false, null, "Designates whether menu should open on hover or not."> & DefineProp<"visibleOnContentClick", boolean, false, false, "Designates if menu still show when its content is clicked"> & DefineProp<"disabled", boolean, false, false, "Removed the ability to interact with the component."> & DefineProp<"eager", boolean, false, false> & DefineSlot<"activator", () => VNodeChild>;
+type MenuProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false> & DefineProp<"activator", string, false, null, "Supply a CSS selector string to activator prop."> & DefineProp<"attach", string | boolean | Element, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"minWidth", string | number, false, null, "Sets the minimum width for the component. Use auto to use the activator width."> & DefineProp<"maxWidth", string | number, false, null, "Sets the maximum width for the component."> & DefineProp<"minHeight", string | number, false, null, "Sets the minimum height for the component."> & DefineProp<"maxHeight", string | number, false, null, "Sets the maximum height for the component."> & DefineProp<"closeDelay", string | number, false, null, "Milliseconds to wait before closing component. Only works with the open-on-hover prop."> & DefineProp<"location", OMenuLocations, false, "bottom start", "Designates where the menu should be placed."> & DefineProp<"openOnHover", boolean, false, null, "Designates whether menu should open on hover or not."> & DefineProp<"visibleOnContentClick", boolean, false, false, "Designates if menu still show when its content is clicked"> & DefineProp<"disabled", boolean, false, false, "Removed the ability to interact with the component."> & DefineProp<"scrollStrategy", "close" | "none" | "block" | "reposition", false, "close", "Strategy used when the component is activate and user scrolls."> & DefineProp<"eager", boolean, false, false> & DefineSlot<"activator", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MenuProps> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
 } & {
@@ -11,5 +11,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MenuProps> &
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "colorSchemaType" | "class" | "disabled" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "eager" | "location" | "closeDelay" | "openOnHover" | "activator" | "attach" | "slot:activator" | "visibleOnContentClick"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "colorSchemaType" | "class" | "disabled" | "colors" | "v-model" | "modelValue" | "emit:update:modelValue" | "eager" | "location" | "closeDelay" | "scrollStrategy" | "openOnHover" | "activator" | "attach" | "slot:activator" | "visibleOnContentClick"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/tag/HashTagList.d.ts

@@ -2,11 +2,6 @@ import { PromotedTagOptions, Tag } from "@omnia/fx-models";
 import { DefineEmit } from "@omnia/fx/ux";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     searchKeyword?: string;
-} & {
-    positionInfo?: {
-        x: number;
-        y: number;
-    };
 } & {
     promotedTagOptions?: PromotedTagOptions;
 } & DefineEmit<"tagSelected", (selectedValue: Tag) => void>> & {
@@ -16,5 +11,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "promotedTagOptions" | "searchKeyword" | "positionInfo" | "emit:tagSelected"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "promotedTagOptions" | "searchKeyword" | "emit:tagSelected"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -74,6 +74,7 @@ import wc3392707566c844e39f57097aade4e81c from './ux/jsonexportimport/ExportImpo
 import wc20b4e8166fb44f2b8b240724eb5f2db2 from './ux/languagepicker/LanguagePicker';
 import wcfc7e793728e64099ab1b37b8f89e8693 from './ux/letteravatar/LetterAvatar';
 import wc6c2ac8bf4da44a2b8e544eaf5b42099f from './ux/limited-label/LimitedLabel';
+import wc1114043c582d4359a5261781854e77a3 from './ux/links/LinkPickerV2';
 import wc9e7b4a48efba4dc390986eeb638b34cd from './ux/links/LinkPicker';
 import wc4892102894624a4ca84e67df764cbe93 from './ux/links/LinkRenderer';
 import wc106dba3f206e4ad7bbb28e574e3da49e from './ux/magiclink/MagicLinkLogin';
@@ -1788,13 +1789,21 @@ declare global {
             } : typeof wc6c2ac8bf4da44a2b8e544eaf5b42099f;
         };
         "link": {
-            "picker": typeof wc9e7b4a48efba4dc390986eeb638b34cd extends {
+            "picker": (typeof wc9e7b4a48efba4dc390986eeb638b34cd extends {
                 propsDefinition: infer TProp;
             } ? {
                 new (...args: any[]): {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
-            } : typeof wc9e7b4a48efba4dc390986eeb638b34cd;
+            } : typeof wc9e7b4a48efba4dc390986eeb638b34cd) & {
+                "v2": typeof wc1114043c582d4359a5261781854e77a3 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc1114043c582d4359a5261781854e77a3;
+            };
             "renderer": typeof wc4892102894624a4ca84e67df764cbe93 extends {
                 propsDefinition: infer TProp;
             } ? {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.510-dev",
+  "version": "8.0.511-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.510-dev",
+    "@omnia/fx-models": "8.0.511-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",