@omnia/fx 8.0.383-dev → 8.0.384-dev

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

@@ -1,5 +1,5 @@
 import { OmniaContext } from "../contexts";
-import { guid, OmniaRole, PermissionBinding, RolePermissionSettingWithContextParam, AzurePermissionResource, AuthenticationSettings, AuthenticationConfiguration } from "../models";
+import { guid, OmniaRole, PermissionBinding, RolePermissionSettingWithContextParam, AzurePermissionResource, AuthenticationSettings, AuthenticationConfiguration, AzureAdEnvironment } from "../models";
 export declare class SecurityService {
     private serviceContainerContext;
     omniaContext: OmniaContext;
@@ -19,6 +19,7 @@ export declare class SecurityService {
     getAuthenticationSettingsByUserTypeId: (userTypeId: guid) => Promise<AuthenticationSettings>;
     saveAuthenticationSettings: (authConfig: AuthenticationConfiguration) => Promise<void>;
     validateAzureAdPermissionsSynced: (permissionIds: Array<string>) => Promise<boolean>;
+    getAzureAdEnvironment: () => Promise<AzureAdEnvironment>;
     syncAzureAdPermissions: () => Promise<void>;
     private createHttpClientFromServiceId;
 }

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

@@ -1,5 +1,5 @@
 import { SubscriptionHandler } from "@omnia/fx";
-import { ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComputedOptions, CreateComponentPublicInstance, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, ObjectEmitsOptions, Prop, PropType, Ref, RenderFunction, Slot, SlotsType, VNode, VNodeArrayChildren, VNodeProps, VNodeTypes, watch, watchEffect } from "vue";
+import { ComponentInjectOptions, ComponentObjectPropsOptions, ComponentOptions, ComponentOptionsBase, ComponentOptionsMixin, ComponentPropsOptions, ComputedOptions, ComputedRef, CreateComponentPublicInstance, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, ObjectEmitsOptions, Prop, PropType, Ref, RenderFunction, Slot, SlotsType, VNode, VNodeArrayChildren, VNodeProps, VNodeTypes, watch, watchEffect } from "vue";
 import { LooseRequired, Prettify, UnionToIntersection } from "@vue/shared";
 import { ColorSchemaType, ColorSchemaTypes, ComponentBundleManifest, Directives, guid } from "@omnia/fx-models";
 import { ColorSchemaStoreType, VueComponentBaseProps } from ".";
@@ -134,6 +134,7 @@ type InternalSetupContext<ExtractedPropsType, Props, E = EmitsOptions, S extends
     attrs: Data;
     slots: ExtractVSlots<Props> & S;
     seo: boolean;
+    mobile: ComputedRef<boolean>;
     models?: Required<ExtractVModels<Props>>;
     colors: ReturnType<typeof useColorSchemaSetup>;
     validator: IValidator;

package/internal-do-not-import-from-here/ux/admin/system/submenu/customemail/loc/localize.d.ts

@@ -1,6 +1,10 @@
 export declare namespace CustomEmailSettingsLocalization {
     const namespace = "Omnia.Fx.Ux.CustomEmailSettings";
     interface locInterface {
+        New7TestConfigureApplicationAccessPolicyPS: string;
+        New7ConfigureApplicationAccessPolicyPS: string;
+        New7ConfigureApplicationAccessPolicyMessage: string;
+        New7TestConfigureApplicationAccessPolicyMessage: string;
         Header: string;
         Email: string;
         UserMailbox: string;

package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ButtonsEditorStore.d.ts

@@ -1,16 +1,16 @@
-import { ButtonBlueprint, ButtonBlueprintType, ButtonBlueprintVariant, ButtonBlueprints, ButtonTypes, ComponentBlueprints } from "@omnia/fx-models";
+import { ButtonBlueprint, ButtonBlueprintType, ButtonBlueprintVariant, ButtonBlueprints, ButtonVariant, ComponentBlueprints } from "@omnia/fx-models";
 export declare const useButtonsEditorStore: () => {
     state: {
         blueprints: ButtonBlueprints;
         editingButtonBlueprint: ButtonBlueprint;
-        editingButtonType: ButtonTypes;
+        editingButtonType: ButtonVariant;
         editingButtonBlueprintType: ButtonBlueprintType;
         strategy: string;
     };
     events: import("@omnia/fx/stores").StoreEvents<{
         blueprints: ButtonBlueprints;
         editingButtonBlueprint: ButtonBlueprint;
-        editingButtonType: ButtonTypes;
+        editingButtonType: ButtonVariant;
         editingButtonBlueprintType: ButtonBlueprintType;
         strategy: string;
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
@@ -18,7 +18,7 @@ export declare const useButtonsEditorStore: () => {
         setEditingBlueprints(blueprints: ComponentBlueprints): void;
         addVariant(category: ButtonBlueprintType): ButtonBlueprintVariant;
         deleteEditingBlueprint(): void;
-        setEditingBlueprint(type: ButtonBlueprintType, buttonType: ButtonTypes): void;
+        setEditingBlueprint(type: ButtonBlueprintType, buttonType: ButtonVariant): void;
         applyChanges(): void;
     }>;
 } & {

package/internal-do-not-import-from-here/ux/aurora/admin/blades/blueprints/components/store/ComponentEditorStore.d.ts

@@ -61,14 +61,14 @@ export declare const useComponentsEditorStore: () => {
             state: {
                 blueprints: import("@omnia/fx-models").ButtonBlueprints;
                 editingButtonBlueprint: import("@omnia/fx-models").ButtonBlueprint;
-                editingButtonType: import("@omnia/fx-models").ButtonTypes;
+                editingButtonType: import("@omnia/fx-models").ButtonVariant;
                 editingButtonBlueprintType: import("@omnia/fx-models").ButtonBlueprintType;
                 strategy: string;
             };
             events: import("@omnia/fx/stores").StoreEvents<{
                 blueprints: import("@omnia/fx-models").ButtonBlueprints;
                 editingButtonBlueprint: import("@omnia/fx-models").ButtonBlueprint;
-                editingButtonType: import("@omnia/fx-models").ButtonTypes;
+                editingButtonType: import("@omnia/fx-models").ButtonVariant;
                 editingButtonBlueprintType: import("@omnia/fx-models").ButtonBlueprintType;
                 strategy: string;
             }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
@@ -76,7 +76,7 @@ export declare const useComponentsEditorStore: () => {
                 setEditingBlueprints(blueprints: ComponentBlueprints): void;
                 addVariant(category: import("@omnia/fx-models").ButtonBlueprintType): import("@omnia/fx-models").ButtonBlueprintVariant;
                 deleteEditingBlueprint(): void;
-                setEditingBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonTypes): void;
+                setEditingBlueprint(type: import("@omnia/fx-models").ButtonBlueprintType, buttonType: import("@omnia/fx-models").ButtonVariant): void;
                 applyChanges(): void;
             }>;
         } & {

package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStylePicker.d.ts

@@ -7,6 +7,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: ButtonBlueprint | ButtonBlueprintVariant;
 } & {
     label?: string;
+} & {
+    variant?: "list" | "picker";
 } & {
     placeholder?: string;
 } & {
@@ -23,5 +25,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "sampleText" | "customStyling"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "sampleText" | "customStyling"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -29,6 +29,15 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        style: {
+            type: import("vue").PropType<{
+                [key: string]: string;
+            }>;
+        };
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
     }>> & {
         onDoc$?: (description?: string) => any;
         onFileChanged?: (allFiles: FileUploaderItemHandler[]) => any;
@@ -71,6 +80,15 @@ declare const _default: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        style: {
+            type: import("vue").PropType<{
+                [key: string]: string;
+            }>;
+        };
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
     }>> & {
         onDoc$?: (description?: string) => any;
         onFileChanged?: (allFiles: FileUploaderItemHandler[]) => any;
@@ -105,6 +123,15 @@ declare const _default: {
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    style: {
+        type: import("vue").PropType<{
+            [key: string]: string;
+        }>;
+    };
+    class: {
+        type: import("vue").PropType<String | String[]>;
+        required: boolean;
+    };
 }>> & {
     onDoc$?: (description?: string) => any;
     onFileChanged?: (allFiles: FileUploaderItemHandler[]) => any;
@@ -115,6 +142,10 @@ declare const _default: {
     };
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
+        style?: {
+            [key: string]: string;
+        };
+        class?: String | String[];
         multiple?: boolean;
         disabled?: boolean;
         "v-slots"?: {

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

@@ -1,32 +1,25 @@
-import { VueComponentBase, IInputToken, InputTokenStyles } from "@omnia/fx/ux";
 import "./InputToken.css";
-export declare class InputTokenComponent extends VueComponentBase implements IInputToken {
-    styles?: typeof InputTokenStyles;
-    valueBind: string;
-    onValueChanged?: (model: string) => void;
-    class?: string[];
-    label: string;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    styles?: {
+        wordBreak?: import("typestyle/lib/types").NestedCSSProperties;
+    };
+} & {
+    "emit:update:modelValue": (value: string) => void;
+} & {
+    "v-model"?: string;
+} & {
+    modelValue?: string;
+} & {
+    class?: string | string[];
+} & {
+    label?: string;
+} & {
     disabled?: boolean;
-    dark?: boolean;
-    filled?: boolean;
-    private omniaUxLoc;
-    private localize;
-    private localizationStore;
-    private themeStore;
-    private classes;
-    private tokens;
-    private loadingTokens;
-    private openTokenPicker;
-    private triggeredLoadTokens;
-    private headers;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private ensureLoadTokens;
-    private handleChange;
-    private handleSelectToken;
-    private handleKeyUp;
-    private closePicker;
-    private renderTokenPicker;
-    render(): import("vue/jsx-runtime").JSX.Element;
-}
+}> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "class" | "label" | "disabled" | "styles" | "modelValue" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/journey/JourneyBlade.css.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     headerButtons: string;
     headerIcon: string;
     switchWrapper: string;
-    wrapper: (totalWidth: number, dark: boolean, compactMode: boolean) => string;
+    wrapper: (totalWidth: number, dark: boolean, compactMode: boolean, compactModeWidth?: number) => string;
     fullScreenWrapper: string;
 };
 export default _default;

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

@@ -11,7 +11,7 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
+export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"sizeOnMobile", BladeSizeTypes, false, null, "Specify the size of the blade on mobile. Default full width on mobile view"> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBladeProps> & {
     "onClick:cancel"?: (id: guid) => any;
     "onClick:confirm"?: () => any;
@@ -28,5 +28,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBlade
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions" | "actionsFooter">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "sizeOnMobile" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -4,14 +4,15 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     items?: SettingsJourneyMenuItem[] | Ref<SettingsJourneyMenuItem[], SettingsJourneyMenuItem[]>;
 } & {
     getApi?: (store: ReturnType<typeof useJourneyStore>) => void;
-} & DefineSlot<"append", () => VNodeChild> & DefineRef<{
+} & DefineSlot<"append", () => VNodeChild> & DefineSlot<"item", (item: SettingsJourneyMenuItem, index: Number) => VNodeChild> & DefineRef<{
     journeyStore: ReturnType<typeof useJourneyStore>;
 }>> & {} & {
     "v-slots"?: {
         append?: () => VNodeChild;
+        item?: (item: SettingsJourneyMenuItem, index: Number) => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
-    }, "append">;
+    }, "item" | "append">;
 } & {
     ref?: Ref<{
         journeyStore: ReturnType<typeof useJourneyStore>;
@@ -20,5 +21,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     }> | ((ref: {
         journeyStore: ReturnType<typeof useJourneyStore>;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -3,7 +3,7 @@ import { VNodeChild } from "vue";
 export interface SettingsJourneyItem {
     id: guid;
     title: string;
-    icon: IIcon;
+    icon?: IIcon;
     eager?: boolean;
 }
 export interface SettingsJourneyMenuItem extends SettingsJourneyItem {

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

@@ -1,6 +1,6 @@
 import { guid } from "@omnia/fx-models";
 import { type StoreEvents, type StoreReturnDefineAction } from "@omnia/fx/stores";
-import { BladeInstance, defineBlade } from "@omnia/fx/ux";
+import { BladeInstance, defineBlade, useScrollContainerStore } from "@omnia/fx/ux";
 import { BladeSizeTypes } from "../models/Constants";
 import { JourneyVariant } from "../Journey.css";
 export type JourneyStore = ReturnType<typeof useJourneyStore>;
@@ -48,6 +48,62 @@ export type InternalJourneyStoreType = {
     };
 };
 export declare const useJourneyStore: () => {
+    readonly scrollContainer: {
+        state: {
+            elementRef: HTMLElement;
+            elementId: string;
+            disableScrolling: boolean;
+            height: string;
+            width: string;
+            scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
+            coordinates: {
+                readonly bottom: number;
+                readonly left: number;
+                readonly right: number;
+                readonly top: number;
+            };
+        };
+        events: StoreEvents<{
+            elementRef: HTMLElement;
+            elementId: string;
+            disableScrolling: boolean;
+            height: string;
+            width: string;
+            scrollingDirection: import("@omnia/fx-models").OScrollTypesCombination;
+            coordinates: {
+                readonly bottom: number;
+                readonly left: number;
+                readonly right: number;
+                readonly top: number;
+            };
+        }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+        actions: 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("@omnia/fx/ux").AnchorPosition) => 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;
+        }>;
+        get: {
+            readonly coordinates: {
+                readonly bottom: number;
+                readonly left: number;
+                readonly right: number;
+                readonly top: number;
+            };
+            readonly scrollPosition: number;
+        };
+    } & {
+        dispose?: () => void;
+    };
     state: {
         blades: Array<BladeInstance>;
         bladeRenderers: Array<BladeRenderRegistration>;
@@ -81,6 +137,7 @@ export declare const useJourneyStore: () => {
         movePrev(fromBladeId: guid): void;
         travelTo(fromBladeId: guid, toBladeId: guid): void;
         setActiveIndex(index: number): void;
+        setScrollContainer(store: ReturnType<typeof useScrollContainerStore>): void;
     }>;
 } & {
     dispose?: () => void;

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

@@ -1,80 +1,28 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        title: import("vue").Prop<string, string>;
-        multipleChoice: import("vue").Prop<boolean, boolean>;
-        options: import("vue").Prop<object[], object[]>;
-        optionValue: import("vue").Prop<string, string>;
-        optionText: import("vue").Prop<string, string>;
-        valueBind: import("vue").Prop<any[], any[]>;
-        onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
-        required: import("vue").Prop<boolean, boolean>;
-        hideDetails: import("vue").Prop<boolean, boolean>;
-        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        title: import("vue").Prop<string, string>;
-        multipleChoice: import("vue").Prop<boolean, boolean>;
-        options: import("vue").Prop<object[], object[]>;
-        optionValue: import("vue").Prop<string, string>;
-        optionText: import("vue").Prop<string, string>;
-        valueBind: import("vue").Prop<any[], any[]>;
-        onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
-        required: import("vue").Prop<boolean, boolean>;
-        hideDetails: import("vue").Prop<boolean, boolean>;
-        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: import("vue").Prop<string, string>;
-    multipleChoice: import("vue").Prop<boolean, boolean>;
-    options: import("vue").Prop<object[], object[]>;
-    optionValue: import("vue").Prop<string, string>;
-    optionText: import("vue").Prop<string, string>;
-    valueBind: import("vue").Prop<any[], any[]>;
-    onValueChanged: import("vue").Prop<(value: any[]) => void, (value: any[]) => void>;
-    required: import("vue").Prop<boolean, boolean>;
-    hideDetails: import("vue").Prop<boolean, boolean>;
-    onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-    onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
-    onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-    onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
-}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        title?: string;
-        options?: object[];
-        required?: boolean;
-        valueBind?: any[];
-        onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
-        onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
-        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
-        hideDetails?: boolean;
-        onValueChanged?: (value: any[]) => void;
-        multipleChoice?: boolean;
-        optionValue?: string;
-        optionText?: string;
-    }>, never>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    title?: string;
+} & {
+    multipleChoice?: boolean;
+} & {
+    options?: object[];
+} & {
+    optionValue?: string;
+} & {
+    optionText?: string;
+} & {
+    "emit:update:modelValue": (value: any[]) => void;
+} & {
+    "v-model"?: any[];
+} & {
+    modelValue?: any[];
+} & {
+    required?: boolean;
+} & {
+    hideDetails?: boolean;
+}> & {
+    "onUpdate:modelValue"?: (value: any[]) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "options" | "required" | "modelValue" | "hideDetails" | "v-model" | "emit:update:modelValue" | "multipleChoice" | "optionValue" | "optionText"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -1,6 +1,6 @@
-import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants } from "@omnia/fx-models";
+import { ButtonIconOptions, OOxideButtonPresets, ButtonTooltipOptions, OSizeTypes, OIconAnimations, ButtonBlueprint, OButtonVariants, ButtonBlueprintVariant } from "@omnia/fx-models";
 import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
-type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint, false, null, "Sets a custom blueprint for the button.">;
+type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OOxideButtonPresets, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", ButtonTooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top."> & DefineProp<"disableBlueprint", boolean, false, false, "Disables the blueprint and use properties instead."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;

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

@@ -3,15 +3,16 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } f
 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<"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: {
+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: {
     hideNavigation: () => void;
     showNavigation: () => void;
-}) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
+}) => 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.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     "onClick:close"?: () => any;
     "onClick:cancel"?: () => any;
     "onClick:confirm"?: () => any;
+    "onClick:backButton"?: () => any;
 } & {
     "v-slots"?: {
         fixedContent?: () => VNodeChild;
@@ -26,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" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & 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;
 export default _default;

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

@@ -5,5 +5,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ScrollContai
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "width" | "filled" | "class" | "colorSchemaType" | "colors" | "toned" | "getApi" | "disableScrolling" | "compensatScrollbar" | "dynamicHeight" | "scrolling"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "width" | "filled" | "class" | "colorSchemaType" | "colors" | "toned" | "disableScrolling" | "getApi" | "compensatScrollbar" | "dynamicHeight" | "scrolling"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,23 +1,23 @@
-import { IWebComponentInstance } from "@omnia/fx";
-import { VueComponentBase } from "../VueComponentBase";
-import { ISelection, SelectionItem } from "..";
-export declare class SelectionComponent extends VueComponentBase implements IWebComponentInstance, ISelection {
-    items: SelectionItem<any>[];
-    valueBind: SelectionItem<any>;
-    onValueChanged?: (model: SelectionItem<any>) => void;
+import { SelectionItem } from "..";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    items?: SelectionItem<any>[];
+} & {
+    "emit:update:modelValue": (value: SelectionItem<any>) => void;
+} & {
+    "v-model"?: SelectionItem<any>;
+} & {
+    modelValue?: SelectionItem<any>;
+} & {
     loading?: boolean;
-    label: string;
+} & {
+    label?: string;
+} & {
     disabled?: boolean;
-    dark?: boolean;
-    filled?: boolean;
-    private omniaUxLoc;
-    private inputTokenText;
-    private dynamicItem;
-    private visibleSelectionToken;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private handleChange;
-    private handleTokenChange;
-    render(): import("vue/jsx-runtime").JSX.Element;
-}
+}> & {
+    "onUpdate:modelValue"?: (value: SelectionItem<any>) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "disabled" | "modelValue" | "items" | "loading" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -1,15 +1,12 @@
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IWebComponentInstance } from "../..";
-import { ISiteLogoIcon } from "./ISiteLogoIcon";
-import { SiteStore } from "../../stores";
-export declare class SiteLogoIcon extends VueComponentBase implements IWebComponentInstance, ISiteLogoIcon {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     forceLetterAvatar?: boolean;
+} & {
     siteUrl?: string;
+} & {
     size?: number;
-    siteStore: SiteStore;
-    private siteLogo;
-    mounted(): void;
-    created(): void;
-    updated(): void;
-    render(): import("vue/jsx-runtime").JSX.Element;
-}
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "size" | "forceLetterAvatar" | "siteUrl"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -61,6 +61,7 @@ import wcec81357974804c539bff6c58a8785c22 from './ux/identitypicker/IdentityPick
 import wc5d74b2de65164761a3dce6a534b64bd1 from './ux/identitypicker/IdentityPickerDialog';
 import wc70593d481fa54e68be9f4fe41f0f5c92 from './ux/identitypicker/IdentityPickerButton';
 import wc91919b3f54de42dab709575b8a9ca233 from './ux/inputlanguagepicker/InputLanguagePicker';
+import wcdb657792b7d541d7a90dd4488bd1034e from './ux/inputtoken/InputToken';
 import wcc0ba9c7ccef54093bcb0be49e7cf79df from './ux/journey/Journey';
 import wc4357bb8264e3482c8710afed3b2be35c from './ux/journey/JourneyBlade';
 import wc0ce695fbce6f4c08906de47bbd84152d from './ux/journey/JourneyPlaceHolder';
@@ -110,6 +111,7 @@ import wc8c7794090eb647eb8510b39cbefa17a7 from './ux/rollupempty/RollupEmpty';
 import wc327f0bbcccdf4ad6b43b86816c61d6c9 from './ux/rollupfilter/RollupFilter';
 import wc0ed31f854a244481a011ce4fa4aa5436 from './ux/rollupfilter/RollupFilterPicker';
 import wc379287b1efe64a49a43fcd754d1fd951 from './ux/securitytrimmer/SecurityTrimmer';
+import wcd77bfe700fa84b5d9d2cb578660fc364 from './ux/selection/SelectionComponent';
 import wcc0de4753b9fe4004b0f4e6b6b91730ab from './ux/settings/SettingsPane';
 import wc67a7bdf58e82465d8f3fc32413512932 from './ux/shapedivider/ShapeDividerSettings';
 import wce11da8c3cd654c1e8701db2c69e423de from './ux/shapedivider/ShapeDivider';
@@ -123,6 +125,7 @@ import wc535ac075284646eca569a78457213e6f from './ux/signin/omnia/Login';
 import wc2b741f0203a54cb5a7be72e204ebecc8 from './ux/signin/identitycreationrequest/IdentityCreationRequestView';
 import wcffcb5f0ddcfd445d81683167f298c336 from './ux/signin/identitycreationrequest/ConfirmEmailView';
 import wcf297290b5ea4409a9738ca880f1ea612 from './ux/signout/Logout';
+import wcb000c2b3b2114ea5b90511ead32741c4 from './ux/sitelogoicon/SiteLogoIcon';
 import wc9be9d4f831fd4d15ab09d235d5cd6a38 from './ux/social/Comment';
 import wc239412079c474a78b857dd4bdca3ff84 from './ux/social/PeopleTagging';
 import wcd737feca8c0e44c1808f6f016122f8ea from './ux/social/CommentDialog';
@@ -1561,6 +1564,13 @@ declare global {
                     };
                 } : typeof wc91919b3f54de42dab709575b8a9ca233;
             };
+            "token": typeof wcdb657792b7d541d7a90dd4488bd1034e extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wcdb657792b7d541d7a90dd4488bd1034e;
             "style": {
                 "picker": typeof wcd84a5b45429344d29a084ade31ad668d extends {
                     propsDefinition: infer TProp;
@@ -2195,6 +2205,13 @@ declare global {
                 };
             } : typeof wc379287b1efe64a49a43fcd754d1fd951;
         };
+        "selection": typeof wcd77bfe700fa84b5d9d2cb578660fc364 extends {
+            propsDefinition: infer TProp;
+        } ? {
+            new (...args: any[]): {
+                $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+            };
+        } : typeof wcd77bfe700fa84b5d9d2cb578660fc364;
         "shape": {
             "divider": {
                 "settings": typeof wc67a7bdf58e82465d8f3fc32413512932 extends {
@@ -2297,6 +2314,17 @@ declare global {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
         } : typeof wcf297290b5ea4409a9738ca880f1ea612;
+        "site": {
+            "logo": {
+                "icon": typeof wcb000c2b3b2114ea5b90511ead32741c4 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wcb000c2b3b2114ea5b90511ead32741c4;
+            };
+        };
         "comment": {
             "component": typeof wc9be9d4f831fd4d15ab09d235d5cd6a38 extends {
                 propsDefinition: infer TProp;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.383-dev",
+  "version": "8.0.384-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.383-dev",
+    "@omnia/fx-models": "8.0.384-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.11",
+    "vuetify": "3.7.12",
     "tslib": "2.6.2",
     "typescript": "5.7.2",
     "@tiptap/vue-3": "2.1.13",