@omnia/fx 8.0.385-dev → 8.0.387-dev

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

@@ -20,12 +20,13 @@ export declare const useJourneySelectStore: () => {
         selectionItemRender: (item: any, index: number, isSelected: boolean) => VNodeChild;
         selectionRender: () => VNodeChild;
         selectedItemRenderer: (item: any, index: number) => VNodeChild;
+        actionsRender: () => VNodeChild;
     };
     rules: {
         externalStateHandling: () => boolean;
         hasSelectionBlade: () => boolean;
         hasSettingsBlade: () => boolean;
-        renderAsPicker: () => boolean;
+        renderAsSingleSelectPicker: () => boolean;
         searchable: () => boolean;
         submitItemsOnSelection: () => boolean;
         canEditItems: () => boolean;
@@ -38,6 +39,10 @@ export declare const useJourneySelectStore: () => {
         searchText: string;
         singelSelection: MenuState;
         noSelectionHandling: boolean;
+        titles: {
+            addItem: string;
+            editItem: string;
+        };
         items: {
             all: JourneySelectItem<any>[];
             filtered: JourneySelectItem<any>[];
@@ -69,6 +74,10 @@ export declare const useJourneySelectStore: () => {
         searchText: string;
         singelSelection: MenuState;
         noSelectionHandling: boolean;
+        titles: {
+            addItem: string;
+            editItem: string;
+        };
         items: {
             all: JourneySelectItem<any>[];
             filtered: JourneySelectItem<any>[];

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

@@ -87,10 +87,10 @@ export declare const useJourneyStore: () => {
             isElementNameStillInView: (elementName: string) => boolean;
             isElementIdStillInView: (elementId: string) => boolean;
             scrollToStart: () => void;
-            scrollToElementId: (elementId: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToElementId: (elementId: string, anchor?: import("@omnia/fx/ux").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
             scrollToElementName: (elementName: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
-            scrollToElement: (element: HTMLElement, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
-            scrollToSelector: (selector: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToElement: (element: HTMLElement, anchor?: import("@omnia/fx/ux").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
+            scrollToSelector: (selector: string, anchor?: import("@omnia/fx/ux").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
         }>;
         get: {
             readonly coordinates: {

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

@@ -1,4 +1,4 @@
-import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
+import { DefineEmit, DefineRef, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: Object) => void;
@@ -8,7 +8,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: Object;
 } & {
     readOnly?: boolean;
-} & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild>> & {
+} & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild> & DefineRef<{
+    openDialog: () => void;
+}>> & {
     "onUpdate:modelValue"?: (value: Object) => any;
     "onClick:import"?: (data: any) => any;
 } & {
@@ -17,5 +19,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {
+    ref?: import("vue").Ref<{
+        openDialog: () => void;
+    }, {
+        openDialog: () => void;
+    }> | ((ref: {
+        openDialog: () => void;
+    }) => void);
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "ref" | "v-model" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -56,10 +56,10 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
             isElementNameStillInView: (elementName: string) => boolean;
             isElementIdStillInView: (elementId: string) => boolean;
             scrollToStart: () => void;
-            scrollToElementId: (elementId: string, anchor?: import("../../oxide").AnchorPosition) => void;
+            scrollToElementId: (elementId: string, anchor?: import("../../oxide").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
             scrollToElementName: (elementName: string, anchor?: import("../../oxide").AnchorPosition) => void;
-            scrollToElement: (element: HTMLElement, anchor?: import("../../oxide").AnchorPosition) => void;
-            scrollToSelector: (selector: string, anchor?: import("../../oxide").AnchorPosition) => void;
+            scrollToElement: (element: HTMLElement, anchor?: import("../../oxide").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
+            scrollToSelector: (selector: string, anchor?: import("../../oxide").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
         }>;
         get: {
             readonly coordinates: {

package/internal-do-not-import-from-here/ux/mediapickerV2/mediaprovider/MediaProvider.d.ts

@@ -137,7 +137,7 @@ declare const _default: <TType extends MediaProviderTypes>(props: ExtractProps<{
     welcomeMessage?: boolean;
 } & {
     infiniteScroll?: boolean;
-} & DefineSlot<"search", () => VNodeChild, "Slot for custom search field."> & DefineSlot<"provider", () => VNodeChild, "The handle for providers including the logic for searching, selecting media, scaling image."> & DefineSlot<"filter", () => VNodeChild, "Slot for custom filter field.">)[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "searchable" | "slot:search" | "welcomeMessage" | "infiniteScroll" | "slot:provider" | "slot:filter" | keyof (TType extends "image" ? {
+} & DefineSlot<"search", () => VNodeChild, "Slot for custom search field."> & DefineSlot<"provider", () => VNodeChild, "The handle for providers including the logic for searching, selecting media, scaling image."> & DefineSlot<"filter", () => VNodeChild, "Slot for custom filter field.">)[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "slot:filter" | "searchable" | "slot:search" | "welcomeMessage" | "infiniteScroll" | "slot:provider" | keyof (TType extends "image" ? {
     handler: IMediaPickerProviderHandler;
 } : {})> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.d.ts

@@ -0,0 +1,20 @@
+import { ActionDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
+import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    items?: ActionDefinition[];
+} & {
+    padding?: SpacingValue | Spacing;
+} & {
+    gapX?: SpacingValue;
+} & DefineEmit<"click:item", (item: ActionDefinition, index: number) => void, "Emits when an item is clicked"> & DefineSlot<"item", (item: ActionDefinition, index: number) => VNodeChild> & DefineSlot<"menuItem", (item: ActionDefinition, index: number) => VNodeChild>> & {
+    "onClick:item"?: (item: ActionDefinition, index: number) => any;
+} & {
+    "v-slots"?: {
+        item?: (item: ActionDefinition, index: number) => VNodeChild;
+        menuItem?: (item: ActionDefinition, index: number) => VNodeChild;
+    } & Omit<{
+        default?: import("vue").Slot;
+    }, "item" | "menuItem">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "slot:item" | "gapX" | "emit:click:item" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.stylex.d.ts

@@ -0,0 +1,4 @@
+export declare const ActionMenuStylex: {
+    wrapper: import("../..").StylexValue;
+    overflowHidden: import("../..").StylexValue;
+};

package/internal-do-not-import-from-here/ux/oxide/datatable/CellRenderer.d.ts

@@ -1,8 +1,10 @@
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     columnName?: string;
+} & {
+    colspan?: number;
 }> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName" | "colspan"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/datatable/RowRenderer.d.ts

@@ -10,6 +10,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     icon?: IIcon;
 } & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"update:mouseOver", () => void, "Emits when moving the mouse pointer onto a row."> & DefineEmit<"update:mouseOut", () => void, "Emits when moving the mouse pointer out of a row."> & DefineEmit<"click:navigation", (e: MouseEvent) => void> & {
     drag?: boolean;
+} & {
+    visibleActionColumn?: boolean;
 } & {
     headers?: DataTableHeader[];
 } & {
@@ -24,5 +26,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "visibleActionColumn" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts

@@ -2,8 +2,8 @@ import { Future, IIcon, OContentHeight, ODialogBuiltinButtons, ODialogButtonInst
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export * from "./Dialog.stylex";
-type DialogLocation = "left" | "center" | "right";
-type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
+export type DialogLocation = "left" | "center" | "right";
+type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"attach", string, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
     hideNavigation: () => void;
     showNavigation: () => void;
 }) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineEmit<"click:backButton", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
@@ -27,5 +27,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps>
     } & Omit<{
         default?: import("vue").Slot;
     }, "navigation" | "actions" | "header" | "activator" | "fixedContent" | "headerButtons">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "attach" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.stylex.d.ts

@@ -1,5 +1,6 @@
 import { useColorSchemaStore } from "@omnia/fx/ux";
 import { ColorDefinition, ODialogTypes } from "@omnia/fx-models";
+import { DialogLocation } from "./Dialog";
 export declare const DialogStyles: {
     templateTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
     titleWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
@@ -12,4 +13,5 @@ export declare const DialogStyles: {
     iconWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
     footerWrapper: (backgroundColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
     scroll(colors: ReturnType<typeof useColorSchemaStore>): Readonly<import("@omnia/fx/ux").StylexValue>;
+    getCssForRightLocationDialog(location: DialogLocation): import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts

@@ -1,8 +1,16 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type ImageProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"aspectRatio", string | number, false, null, "The aspect ratio of the image."> & DefineProp<"src", string, false, null, "The image URL. This prop is mandatory."> & DefineProp<"height", number | string, false, null, "Sets the height for the component."> & DefineProp<"width", number | string, false, null, "Sets the height for the component."> & DefineProp<"cover", boolean, false, true, "Resizes the image to cover the entire container."> & DefineProp<"alt", string, false, "", "Alternate text for screen readers. Leave empty for decorative images."> & DefineProp<"maxWidth", number | string, false, null> & DefineProp<"maxHeight", number | string, false, null> & DefineProp<"placeholder", string, false, null, "The placeholder image to display while the main image is loading."> & DefineProp<"lazySrc", string, false, null, "The image to display while the main image is loading."> & DefineEmit<"load", () => void> & DefineSlot<"placeholder", () => VNodeChild>;
+type ImageProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"aspectRatio", string | number, false, null, "The aspect ratio of the image."> & DefineProp<"src", string, false, null, "The image URL. This prop is mandatory."> & DefineProp<"height", number | string, false, null, "Sets the height for the component."> & DefineProp<"width", number | string, false, null, "Sets the height for the component."> & DefineProp<"cover", boolean, false, true, "Resizes the image to cover the entire container."> & DefineProp<"alt", string, false, "", "Alternate text for screen readers. Leave empty for decorative images."> & DefineProp<"maxWidth", number | string, false, null> & DefineProp<"maxHeight", number | string, false, null> & DefineProp<"placeholder", string, false, null, "The placeholder image to display while the main image is loading."> & DefineProp<"lazySrc", string, false, null, "The image to display while the main image is loading."> & DefineEmit<"load", (info: {
+    naturalWidth: number;
+    naturalHeight: number;
+    image: HTMLElement;
+}) => void> & DefineSlot<"placeholder", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ImageProps> & {
-    onLoad?: () => any;
+    onLoad?: (info: {
+        naturalWidth: number;
+        naturalHeight: number;
+        image: HTMLElement;
+    }) => any;
 } & {
     "v-slots"?: {
         placeholder?: () => VNodeChild;

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -7,7 +7,7 @@ type ListItemSlot = {
     isIndeterminate: boolean;
     select: (value: boolean) => void;
 };
-export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
+export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"expandableHeight", boolean, false, false, "Makes the height expand if needed. Default it is fixed"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
     title: string | number | VNodeChild;
 }) => VNodeChild, "Slot for the component’s title content."> & DefineSlot<"subtitle", (value: {
     subtitle: string | number;
@@ -31,5 +31,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<OListItemPro
     } & Omit<{
         default?: import("vue").Slot;
     }, "title" | "default" | "append" | "prepend" | "subtitle">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:title" | "slot:append" | "slot:prepend" | "subtitle" | "selected" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:title" | "slot:append" | "slot:prepend" | "subtitle" | "expandableHeight" | "selected" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/picker/Picker.d.ts

@@ -3,7 +3,7 @@ import { InputBlueprint, MenuState } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
 import { PickerVariant } from "./models/SharedSettings";
 import { usePickerStore } from "./stores/PickerStore";
-type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant, false, "dropdown"> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild>;
+type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant, false, "dropdown"> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"maxHeight", number, null, null, "Limit the max height of the dropdown"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps> & {
     "onUpdate:modelValue"?: (value: MenuState) => any;
     "onClick:clear"?: () => any;
@@ -12,8 +12,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps>
     "v-slots"?: {
         activator?: () => VNodeChild;
         selectedItemRenderer?: () => VNodeChild;
+        actions?: () => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
-    }, "activator" | "selectedItemRenderer">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "variant" | "class" | "label" | "disabled" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
+    }, "actions" | "activator" | "selectedItemRenderer">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/store/ScrollContainerStore.d.ts

@@ -2,6 +2,7 @@ import { OScrollTypesCombination } from "@omnia/fx-models";
 export declare const AnchorPositionValues: readonly ["start", "end"];
 export type AnchorPosition = typeof AnchorPositionValues[number];
 type Coordinates = Pick<DOMRect, "left" | "right" | "top" | "bottom">;
+type HandlerScroll = (target: HTMLElement, container: HTMLElement) => void;
 export declare const useScrollContainerStore: () => {
     state: {
         elementRef: HTMLElement;
@@ -31,10 +32,10 @@ export declare const useScrollContainerStore: () => {
         isElementNameStillInView: (elementName: string) => boolean;
         isElementIdStillInView: (elementId: string) => boolean;
         scrollToStart: () => void;
-        scrollToElementId: (elementId: string, anchor?: AnchorPosition) => void;
+        scrollToElementId: (elementId: string, anchor?: AnchorPosition, handler?: HandlerScroll) => void;
         scrollToElementName: (elementName: string, anchor?: AnchorPosition) => void;
-        scrollToElement: (element: HTMLElement, anchor?: AnchorPosition) => void;
-        scrollToSelector: (selector: string, anchor?: AnchorPosition) => void;
+        scrollToElement: (element: HTMLElement, anchor?: AnchorPosition, handler?: HandlerScroll) => void;
+        scrollToSelector: (selector: string, anchor?: AnchorPosition, handler?: HandlerScroll) => void;
     }>;
     get: {
         readonly coordinates: Coordinates;

package/internal-do-not-import-from-here/ux/oxide/slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
 import { ODirectionTypes, OSliderVariants } from "@omnia/fx-models";
-type SliderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"step", string | number, false, null, "If greater than 0, sets step interval for ticks."> & DefineProp<"min", string | number, false, null, "Sets the minimum value of the slider."> & DefineProp<"max", string | number, false, null, "Sets the maximum value of the slider."> & DefineProp<"label", string, false, null, "Sets the label of the slider."> & DefineProp<"unitLabel", string, false, null, "ets the unit label of the slider."> & DefineProp<"noThumbLabel", boolean, false, false, "Hides the thumb label."> & DefineProp<"hint", string, false, null, "Sets the hint of the slider. Hint will be displayed below the input when focused."> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"direction", ODirectionTypes, false, "horizontal", "Sets the direction of the slider. Default is horizontal."> & DefineProp<"variant", OSliderVariants, false, null, "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed."> & DefineProp<"showTicks", boolean | "always", false, false, "Sets the visibility of the ticks. Default is false."> & DefineProp<"ticks", number[] | Record<number, string>, false, null, "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks."> & DefineProp<"toned", boolean, false, false> & DefineProp<"tickSize", number, false, 2, "Sets the size of the ticks. Default is 2.">;
+type SliderProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"step", string | number, false, null, "If greater than 0, sets step interval for ticks."> & DefineProp<"min", string | number, false, null, "Sets the minimum value of the slider."> & DefineProp<"max", string | number, false, null, "Sets the maximum value of the slider."> & DefineProp<"label", string, false, null, "Sets the label of the slider."> & DefineProp<"unitLabel", string, false, null, "Sets the unit label of the slider."> & DefineProp<"noThumbLabel", boolean, false, false, "Hides the thumb label."> & DefineProp<"hint", string, false, null, "Sets the hint of the slider. Hint will be displayed below the input when focused."> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"direction", ODirectionTypes, false, "horizontal", "Sets the direction of the slider. Default is horizontal."> & DefineProp<"variant", OSliderVariants, false, null, "Sets the variant of the slider. Prominent should only be use when an extra level of emphasis is needed."> & DefineProp<"showTicks", boolean | "always", false, false, "Sets the visibility of the ticks. Default is false."> & DefineProp<"ticks", number[] | Record<number, string>, false, null, "Show track ticks. If true it shows ticks when using slider. If set to 'always' it always shows ticks."> & DefineProp<"toned", boolean, false, false> & DefineProp<"tickSize", number, false, 2, "Sets the size of the ticks. Default is 2.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SliderProps> & {
     "onUpdate:modelValue"?: (value: any) => any;
 } & {

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

@@ -265,6 +265,7 @@ import wc0c762bb5c7e64ccd8a89907200dffca5 from './ux/mediapickerproviders/pexels
 import wc93b4d6352faa4904854a043eff6872b7 from './ux/mediapickerproviders/sharepointvideosettings/SharePointVideoSettings';
 import wc6e7529d994f9489ea5be5a129406caa2 from './ux/mediapickerproviders/unsplash/UnsplashProvider';
 import wcd66f4320b87a4577bbcba906d78096ed from './ux/organizationtree/reportees/Reportees';
+import wc5dce4d021df14105b70a201011713da2 from './ux/oxide/actionmenu/ActionMenu';
 import wc8a200f29d7484601b901dd76ca8ec771 from './ux/oxide/alert/Alert';
 import wc90d19714df6c4b16bd5d42bc705e7692 from './ux/oxide/appbar/Appbar';
 import wc8848766a05fd4a7a8e1a89376b3cf09a from './ux/oxide/avatar/Avatar';
@@ -392,6 +393,7 @@ import wc28aca89920b749c894138e728231ffc4 from './ux/aurora/components/buttonsty
 import wc7222a47525f54724a8e9f7f2cfc39354 from './ux/aurora/components/buttonstyle/ButtonBlueprintsViewer';
 import wc81ff82944f2542b3afec55c5dba22f36 from './ux/aurora/components/chromepicker/ChromePicker';
 import wc638cfe124ab24d0ebd0711c0bd844af6 from './ux/aurora/components/colorpickerV2/ColorPicker';
+import wcc09455784a27401697cfa621eefeb52f from './ux/aurora/components/colorpickerV2/ColorPreview';
 import wc1266389c28034034921b897f788f302d from './ux/aurora/components/colorschemapicker/ColorSchemaPicker';
 import wc9ed2b61fad8a43f384efef4a5dcbd184 from './ux/aurora/components/colorschemapicker/ColorSchemaDefinitionPicker';
 import wc3779d0b63f54436eb25942b0c2487a2c from './ux/aurora/components/colorschemapicker/ColorSchemaViewer';
@@ -670,13 +672,6 @@ declare global {
                         };
                     } : typeof wc5618d436945b4fdfb43293dac1a541a6;
                 };
-                "systemlayout": typeof wc29e4919fca93492d9b81ddca5a5dc28a extends {
-                    propsDefinition: infer TProp;
-                } ? {
-                    new (...args: any[]): {
-                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-                    };
-                } : typeof wc29e4919fca93492d9b81ddca5a5dc28a;
                 "generalsettings": typeof wc62529631696b457bbc0418c888fc940f extends {
                     propsDefinition: infer TProp;
                 } ? {
@@ -4021,6 +4016,13 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wc638cfe124ab24d0ebd0711c0bd844af6;
+            "preview": typeof wcc09455784a27401697cfa621eefeb52f extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wcc09455784a27401697cfa621eefeb52f;
             "schema": {
                 "picker": typeof wc1266389c28034034921b897f788f302d extends {
                     propsDefinition: infer TProp;
@@ -4560,6 +4562,13 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wc8d451f6cbcf442c3a4a07d3ad5de09a3;
+            "layout": typeof wc29e4919fca93492d9b81ddca5a5dc28a extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wc29e4919fca93492d9b81ddca5a5dc28a;
         };
         "bp": {
             "user": {
@@ -5000,6 +5009,15 @@ declare global {
         };
     };
     let o: {
+        "action": {
+            "menu": typeof wc5dce4d021df14105b70a201011713da2 extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wc5dce4d021df14105b70a201011713da2;
+        };
         "alert": typeof wc8a200f29d7484601b901dd76ca8ec771 extends {
             propsDefinition: infer TProp;
         } ? {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.385-dev",
+  "version": "8.0.387-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,13 +20,13 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.385-dev",
+    "@omnia/fx-models": "8.0.387-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",
     "splitpanes": "3.1.5",
     "vue": "3.5.13",
-    "vuetify": "3.7.12",
+    "vuetify": "3.7.13",
     "tslib": "2.6.2",
     "typescript": "5.7.2",
     "@tiptap/vue-3": "2.1.13",

package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/LocalizationAdminStyles.css.d.ts

@@ -1,3 +0,0 @@
-export declare const valueBlock: (haveChange: boolean, miss?: boolean) => string;
-export declare const hoverBtn: string;
-export declare const displayNone: string;

package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/NodeComponent.d.ts

@@ -1,38 +0,0 @@
-import { LanguageTags, UserdefinedLocalizationProperty, guid } from "@omnia/fx-models";
-import "./LocalizationAdminStyles.css";
-import { LocalizationViewMode } from "./models";
-export declare const NodeComponent: (props: import("@omnia/fx/ux").ExtractProps<{
-    node?: any;
-} & {
-    jsonValue?: any;
-} & {
-    parentPath?: string[];
-} & {
-    filterKey?: string;
-} & {
-    name?: string;
-} & {
-    exportMode?: boolean;
-} & {
-    language?: LanguageTags;
-} & {
-    serviceId?: guid;
-} & {
-    viewMode?: LocalizationViewMode;
-} & {
-    expand?: boolean;
-} & {
-    hideElement?: boolean;
-} & {
-    spacing?: number;
-} & {
-    renderFinished?: (showElements: number, key: string) => void;
-} & {
-    onEditLabel?: (path: string[], change?: UserdefinedLocalizationProperty) => Promise<any>;
-} & {
-    onDelete?: (key: string) => void;
-}> & {} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "name" | "spacing" | "node" | "serviceId" | "expand" | "onDelete" | "language" | "viewMode" | "jsonValue" | "parentPath" | "filterKey" | "exportMode" | "hideElement" | "renderFinished" | "onEditLabel"> & import("@omnia/fx/ux").VNodeEvents) => any;

package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/ServiceNode.d.ts

@@ -1,17 +0,0 @@
-import { UserdefinedLocalizationProperty, guid } from "@omnia/fx-models";
-import { LocalizationJson, LocalizationViewMode, ServiceDefinition } from "./models";
-export declare const ServiceNodeComponent: (props: import("@omnia/fx/ux").ExtractProps<{
-    service?: ServiceDefinition;
-} & {
-    node?: LocalizationJson;
-} & {
-    viewMode?: LocalizationViewMode;
-} & {
-    filterKey?: string;
-} & {
-    onEditLabel?: (path: string[], change: UserdefinedLocalizationProperty, serviceId?: guid) => Promise<any>;
-}> & {} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "node" | "viewMode" | "filterKey" | "onEditLabel" | "service"> & import("@omnia/fx/ux").VNodeEvents) => any;