@omnia/fx 8.0.475-dev → 8.0.477-dev

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

@@ -1,3 +1,4 @@
+import { DisplayBreakpointTypes } from "../models";
 export declare const useSizeContainerStore: () => {
     state: {
         width: string;
@@ -9,6 +10,9 @@ export declare const useSizeContainerStore: () => {
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("./DefineStore").StoreReturnDefineAction<{
         setWidth: (width: string) => void;
+        resetWidth: () => void;
+        setBreakPoint: (breakPoint: DisplayBreakpointTypes) => void;
+        resetZoomLevel: () => void;
         setZoomLevel: (zoomLevel: number) => void;
     }>;
     get: {};

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts

@@ -73,5 +73,5 @@ export declare const ToolbarButtonStyles: {
             object: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
         };
     };
-    wrapper: (dark: boolean, border: "left" | "right" | "left right") => string;
+    wrapper: (dark: boolean, border: "left" | "right" | "left right" | "bottom") => string;
 };

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.d.ts

@@ -1,9 +1,9 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
 import { IIcon } from "@omnia/fx-models";
-type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right">;
+type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"position", "topBar" | "bottomBar" | "rightBar"> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right" | "bottom">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "position" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -3,10 +3,21 @@ import { DisplayBreakpointTypes, guid, IEditorChromeRegistration, NotificationMe
 export declare const useEditorChromeStore: () => {
     state: {
         finishedLoading: boolean;
-        renderingKey: guid;
+        renderingKeys: {
+            header: guid;
+            footer: guid;
+            leftDrawer: guid;
+            rightDrawer: guid;
+        };
         drawers: {
-            showLeftDrawer: boolean;
-            showRightDrawer: boolean;
+            left: {
+                enabled: boolean;
+                show: boolean;
+            };
+            right: {
+                enabled: boolean;
+                show: boolean;
+            };
         };
         tabs: {
             activeIndex: number;
@@ -14,6 +25,64 @@ export declare const useEditorChromeStore: () => {
             items: IEditorChromeRegistration[];
         };
         canvasSettings: {
+            scroll: {
+                store: {
+                    state: {
+                        elementRef: HTMLElement;
+                        elementId: string;
+                        disableScrolling: boolean;
+                        height: string;
+                        width: string;
+                        scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
+                        coordinates: {
+                            readonly left: number;
+                            readonly right: number;
+                            readonly bottom: number;
+                            readonly top: number;
+                        };
+                    };
+                    events: import("@omnia/fx/stores").StoreEvents<{
+                        elementRef: HTMLElement;
+                        elementId: string;
+                        disableScrolling: boolean;
+                        height: string;
+                        width: string;
+                        scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
+                        coordinates: {
+                            readonly left: number;
+                            readonly right: number;
+                            readonly bottom: number;
+                            readonly top: number;
+                        };
+                    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+                    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+                        scroll: () => void;
+                        calculateDynamicHeight: () => void;
+                        setHeight: (height: string) => void;
+                        setWidth: (width: string) => void;
+                        setScrolling: (scrolling: import("@omnia/fx-models").OScrollTypesCombination) => void;
+                        calculateScrollHeight: (referenceElementIds: string[]) => void;
+                        isElementNameStillInView: (elementName: string) => boolean;
+                        isElementIdStillInView: (elementId: string) => boolean;
+                        scrollToStart: () => void;
+                        scrollToElementId: (elementId: string, anchor?: import("../..").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void, immediate?: boolean) => void;
+                        scrollToElementName: (elementName: string, anchor?: import("../..").AnchorPosition) => void;
+                        scrollToElement: (element: HTMLElement, anchor?: import("../..").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
+                        scrollToSelector: (selector: string, anchor?: import("../..").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void, immediate?: boolean) => void;
+                    }>;
+                    get: {
+                        readonly coordinates: {
+                            readonly left: number;
+                            readonly right: number;
+                            readonly bottom: number;
+                            readonly top: number;
+                        };
+                        readonly scrollPosition: number;
+                    };
+                } & {
+                    dispose?: () => void;
+                };
+            };
             zoom: {
                 enabled: boolean;
                 level: number;
@@ -21,6 +90,26 @@ export declare const useEditorChromeStore: () => {
             displaySize: {
                 enabled: boolean;
                 value: "l" | "s" | "m";
+                store: {
+                    state: {
+                        width: string;
+                        zoomLevel: number;
+                    };
+                    events: import("@omnia/fx/stores").StoreEvents<{
+                        width: string;
+                        zoomLevel: number;
+                    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+                    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+                        setWidth: (width: string) => void;
+                        resetWidth: () => void;
+                        setBreakPoint: (breakPoint: DisplayBreakpointTypes) => void;
+                        resetZoomLevel: () => void;
+                        setZoomLevel: (zoomLevel: number) => void;
+                    }>;
+                    get: {};
+                } & {
+                    dispose?: () => void;
+                };
             };
         };
         splitPanes: {
@@ -48,8 +137,19 @@ export declare const useEditorChromeStore: () => {
         };
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
-        displayBreakpoint: () => {
-            set: (value: DisplayBreakpointTypes) => void;
+        header: () => {
+            syncButtons: () => void;
+        };
+        footer: () => {
+            syncButtons: () => void;
+        };
+        canvas: () => {
+            syncDisplaySettings: () => void;
+            setDisplayBreakPoint: (value: DisplayBreakpointTypes) => void;
+            zoomIn: (step?: number) => void;
+            zoomOut: (step?: number) => void;
+            setZoom: (level: number) => void;
+            resetZoom: () => void;
         };
         tabs: () => {
             syncEditor: () => void;
@@ -58,8 +158,14 @@ export declare const useEditorChromeStore: () => {
         };
         showNotification: (message: NotificationMessage) => void;
         drawers: () => {
-            toggleLeftDrawer: (value: boolean) => void;
-            toggleRightDrawer: (value: boolean) => void;
+            left: {
+                syncButtons: () => void;
+                toggle: (value: boolean) => void;
+            };
+            right: {
+                syncButtons: (currentId: guid) => void;
+                toggle: (value: boolean) => void;
+            };
         };
         splitPanes: () => {
             wrapper: {
@@ -74,7 +180,9 @@ export declare const useEditorChromeStore: () => {
         init: () => void;
     }>;
     get: {};
-    rules: {};
+    rules: {
+        showLeftDrawerSettings: () => boolean;
+    };
 } & {
     dispose?: () => void;
 };

package/internal-do-not-import-from-here/ux/editorchrome/toolbars/HeaderToolbar.d.ts

@@ -0,0 +1,7 @@
+import { DefinePropTheming } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DefinePropTheming> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/editorchrome/toolbars/LeftPanelToolbar.d.ts

@@ -0,0 +1,7 @@
+import { DefinePropTheming } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DefinePropTheming> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/editorchrome/toolbars/RightPanelToolbar.d.ts

@@ -0,0 +1,7 @@
+import { DefinePropTheming } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DefinePropTheming> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -12,3 +12,16 @@ export declare const ErrorMessageStyle: {
     footerWrapper?: types.NestedCSSProperties;
     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>;
+    header: (height?: number) => Readonly<import("../Styles.stylex").StylexValue>;
+    dialogWrapper: Readonly<import("../Styles.stylex").StylexValue>;
+    footerWrapper: Readonly<import("../Styles.stylex").StylexValue>;
+};

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

@@ -1,4 +1,6 @@
 export declare const SizeContainerStyles: {
-    wrapper: (backgroundColor: any) => string;
-    wrapperContent: (backgroundColor: any, zoomLevel: number, width: any) => string;
+    wrapper: (backgroundColor: any) => Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
+    baseContainer: (backgroundColor: any) => Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
+    sizeWrapper: (width: any) => Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
+    zoomTransform: (zoomLevel: number) => import("internal/fx/ux/Styles.stylex").StylexValue;
 };

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

@@ -84,6 +84,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         }, Record<string, IMessageBusTopicPublishSubscriber<any>>>;
         actions: import("../../../stores").StoreReturnDefineAction<{
             setWidth: (width: string) => void;
+            resetWidth: () => void;
+            setBreakPoint: (breakPoint: import("@omnia/fx-models").DisplayBreakpointTypes) => void;
+            resetZoomLevel: () => void;
             setZoomLevel: (zoomLevel: number) => void;
         }>;
         get: {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.475-dev",
+  "version": "8.0.477-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,12 +20,12 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.475-dev",
+    "@omnia/fx-models": "8.0.477-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",
     "splitpanes": "3.2.0",
-    "vue": "3.5.15",
+    "vue": "3.5.16",
     "vuetify": "3.8.4",
     "tslib": "2.6.2",
     "typescript": "5.8.2",