@omnia/fx 8.0.87-dev → 8.0.88-dev

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

@@ -0,0 +1,93 @@
+import { useSizeContainerStore } from "./store";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "get-api": {
+            type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+        };
+        getApi: {
+            type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "get-api": {
+            type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+        };
+        getApi: {
+            type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+    }>>, {
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "get-api": {
+            type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+        };
+        getApi: {
+            type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+    }>>, () => JSX.Element, {}, {}, {}, {
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "get-api": {
+        type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+    };
+    getApi: {
+        type: import("vue").PropType<(store: ReturnType<typeof useSizeContainerStore>) => void>;
+    };
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+    class: {
+        type: import("vue").PropType<String | String[]>;
+        required: boolean;
+    };
+}>>, () => 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: Omit<Readonly<{
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    } & {
+        class?: String | String[];
+        getApi?: (store: ReturnType<typeof useSizeContainerStore>) => void;
+        "get-api"?: (store: ReturnType<typeof useSizeContainerStore>) => void;
+    }>, never>;
+};
+export default _default;

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

@@ -0,0 +1 @@
+export * from "./store";

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/sizecontainer/store/SizeContainerStore.d.ts

@@ -0,0 +1,40 @@
+export declare const useSizeContainerStore: () => {
+    state: {
+        width: string;
+        zoomLevel: number;
+    };
+    events: {
+        onMutatedWidth: import("internal/fx/core").MessageBusExposeOnlySubscription<string>;
+        onMutatedZoomLevel: import("internal/fx/core").MessageBusExposeOnlySubscription<number>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            setWidth: {
+                subscribe(fn: (width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setZoomLevel: {
+                subscribe(fn: (zoomLevel: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            setWidth: {
+                subscribe(fn: (result: void, width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setZoomLevel: {
+                subscribe(fn: (result: void, zoomLevel: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            setWidth: {
+                subscribe(fn: (failureReason: any, width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setZoomLevel: {
+                subscribe(fn: (failureReason: any, zoomLevel: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        setWidth: (width: string) => void;
+        setZoomLevel: (zoomLevel: number) => void;
+    };
+    get: {};
+};

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

@@ -0,0 +1 @@
+export * from "./SizeContainerStore";

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

@@ -3,7 +3,6 @@ import { EditorLayoutItemFactory } from "../factories";
 import { LayoutEditorThemingManager } from "../shared";
 import { BlockSettingsProvider, LayoutDefinitionBuilder } from "../shared";
 import { MessageBusExposeOnlySubscription } from "../../..";
-import { ThemeStore } from "../../theming";
 import { Store, StoreState } from "../../../stores";
 import { ServiceContainerContext } from "../../../core";
 import { useScrollContainerStore } from "../../oxide";
@@ -15,7 +14,6 @@ type BlockInstancesByManifestResult<TSettings = void> = {
     result: IBlockInstanceExtends<TSettings>[];
 };
 export declare class LayoutCanvasStore extends Store implements ILayoutCanvasStore {
-    themeStore: ThemeStore;
     private subscriptionHandler;
     private serviceContainerContext;
     readonly ColorSchemaBlock = ColorSchemaTypes.secondary;
@@ -108,8 +106,45 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         };
         get: {};
     }>;
-    canvasZoom: StoreState<{
-        level: number;
+    sizeContainer: StoreState<{
+        state: {
+            width: string;
+            zoomLevel: number;
+        };
+        events: {
+            onMutatedWidth: MessageBusExposeOnlySubscription<string>;
+            onMutatedZoomLevel: MessageBusExposeOnlySubscription<number>;
+        } & Record<string, IMessageBusTopicPublishSubscriber<any>>;
+        actions: {
+            onDispatching: {
+                setWidth: {
+                    subscribe(fn: (width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setZoomLevel: {
+                    subscribe(fn: (zoomLevel: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+            onDispatched: {
+                setWidth: {
+                    subscribe(fn: (result: void, width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setZoomLevel: {
+                    subscribe(fn: (result: void, zoomLevel: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+            onFailure: {
+                setWidth: {
+                    subscribe(fn: (failureReason: any, width: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                setZoomLevel: {
+                    subscribe(fn: (failureReason: any, zoomLevel: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+        } & {
+            setWidth: (width: string) => void;
+            setZoomLevel: (zoomLevel: number) => void;
+        };
+        get: {};
     }>;
     layout: StoreState<LoadedLayout>;
     previewUrl: StoreState<string>;
@@ -117,6 +152,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     elementId: StoreState<string>;
     canvasMode: StoreState<LayoutCanvasModes>;
     editorMode: StoreState<LayoutEditorModes>;
+    isPreviewMode: StoreState<boolean>;
     selectedLayoutItem: StoreState<LayoutItem>;
     selectedClipBoardItem: StoreState<ClipboardLayoutItem>;
     selectedDisplayBreakPoint: StoreState<DisplayBreakPoint>;
@@ -155,7 +191,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     * Implementation of getters
     */
     getters: {
+        editorMode: () => LayoutEditorModes;
         zoomLevel: () => number;
+        isPreviewMode: () => boolean;
         getSelectedLayoutItem: () => LayoutItem;
         extractSelectedLayoutItemForClipBoard: () => ClipboardLayoutItem;
         isEnableAnchorLink: () => boolean;
@@ -176,6 +214,8 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
      * Implementation of mutations
      */
     mutations: {
+        togglePreviewMode: () => void;
+        setWidth: (width: string) => void;
         zoom: (number: number) => void;
         zoomOut: () => void;
         zoomIn: () => void;

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

@@ -2,6 +2,8 @@ import { ColorDefinition, NestedCSSPropertiesExtends } from "@omnia/fx-models";
 export declare const ActionToolbarStyles: {
     loadingIndicatorWrapper?: NestedCSSPropertiesExtends;
     loadingIndicatorPositioning?: NestedCSSPropertiesExtends;
+    canvasSizeToolbarWrapper: NestedCSSPropertiesExtends;
+    canvasDisplayButtons: (dark: boolean, selected: boolean) => NestedCSSPropertiesExtends;
     positioning: (color: ColorDefinition) => NestedCSSPropertiesExtends;
     wrapper: NestedCSSPropertiesExtends;
     actionButtons: NestedCSSPropertiesExtends;
@@ -9,8 +11,6 @@ export declare const ActionToolbarStyles: {
     viewButton: NestedCSSPropertiesExtends;
     activeViewButton: NestedCSSPropertiesExtends;
     extendedButtonText: NestedCSSPropertiesExtends;
-    displayToolbarWrapper: NestedCSSPropertiesExtends;
-    displayToolbarPositioning: (color: ColorDefinition) => NestedCSSPropertiesExtends;
     displayToolbarButtonGroupWapper: NestedCSSPropertiesExtends;
     mobileButton: NestedCSSPropertiesExtends;
     displayToolbarButtonGroupWapperMedia: NestedCSSPropertiesExtends;