@omnia/fx 8.0.542-dev → 8.0.544-dev

package/internal-do-not-import-from-here/ux/aurora/admin/themedesigner/themes/models/Theme.d.ts

@@ -1,10 +1,9 @@
-import { guid, ITemplateRegistration, ResolvedThemeDefinition } from "@omnia/fx-models";
+import { guid } from "@omnia/fx-models";
 declare const ModeSettingDefinitions: readonly ["admin", "default"];
 export type ModeSetting = typeof ModeSettingDefinitions[number];
 export interface ThemingRender {
     id: guid;
     title: string;
-    themeDefinition: ITemplateRegistration<ResolvedThemeDefinition>;
     modeSetting: ModeSetting;
 }
 export {};

package/internal-do-not-import-from-here/ux/aurora/admin/themedesigner/themes/store/ThemesJourneyStore.d.ts

@@ -1,24 +1,37 @@
-import { AppThemeManager, BusinessProfileThemeManager, ResolvedThemeDefinition, TargetResolverTypes, TenantThemeManager, ThemeSelection } from "@omnia/fx-models";
+import { AppThemeManager, BusinessProfileThemeManager, guid, ResolvedThemeDefinition, TargetResolverTypes, TenantThemeManager, ThemeSelection } from "@omnia/fx-models";
 import { ThemingRender } from "../models";
-export declare enum ColorMode {
-    colorOnly = "color",
-    linearGradient = "linear",
-    radialGradient = "radial"
-}
 export declare const useThemeJourneyStore: () => {
     state: {
         themeManager: TenantThemeManager | AppThemeManager | BusinessProfileThemeManager;
         themingSetting: ThemeSelection;
-        themeRenderers: ThemingRender[];
         settings: {
             targetResolverType: TargetResolverTypes;
         };
+        editing: {
+            renderer: ThemingRender;
+            accessibility: guid;
+            default: guid;
+            additional: guid[];
+        };
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        AdditionalTheme: () => {
+            add: (id: guid) => void;
+            remove: (id: guid) => void;
+        };
+        updateTheme: (id: guid, mode: "default" | "accessibility") => void;
+        save: () => Promise<boolean>;
+        selectThemerenderer: (renderer: ThemingRender) => void;
         setTheme: (theme: ThemingRender, newTheme: ResolvedThemeDefinition) => void;
         initState: (targetResolverType: TargetResolverTypes) => Promise<void>;
     }>;
-    get: {};
+    get: {
+        themeTemplates: import("@omnia/fx-models").ITemplateRegistration<any, import("@omnia/fx-models").TemplateRegistrationType>[];
+        editingBlade: (props: Omit<import("@omnia/fx/ux").ConstructComponentProps<import("../../../../../journey/JourneyBlade").JourneyBladeProps>, "id" | "getApi" | "manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
+    };
+    dataTypes: {
+        themeRenderers: ThemingRender[];
+    };
     rules: {};
 } & {
     dispose?: () => void;

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts

@@ -1,10 +1,14 @@
 import { DefineSlot } from "@omnia/fx/ux";
-import { TextBlueprint, TextStyleValue, TypographyBlueprint, TextStyleBreakpointType, TextStyleConfiguration } from "@omnia/fx-models";
+import { TextBlueprint, TextStyleValue, guid, TypographyBlueprint, TextStyleBreakpointType, TextStyleConfiguration } from "@omnia/fx-models";
 import { VNode } from "vue";
 import { PickerVariant } from "internal/fx/ux/oxide/picker/models/SharedSettings";
 import { ViewTypes } from "./store/TextStylePickerStore";
 type previewTypes = "default" | "icon";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+} & {
+    colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+} & {
     "emit:update:modelValue": (value: number | TextStyleConfiguration | TextStyleValue) => void;
 } & {
     "v-model"?: number | TextStyleConfiguration | TextStyleValue;
@@ -16,6 +20,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     viewType?: ViewTypes;
 } & {
     previewType?: previewTypes;
+} & {
+    filters?: guid[];
 } & {
     textBlueprint?: TextBlueprint;
 } & {
@@ -47,5 +53,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "variant" | "toned" | "v-model" | "modelValue" | "emit:update:modelValue" | "placeholder" | "slot:activator" | "customTyping" | "viewType" | "previewType" | "textBlueprint" | "typographyBlueprint" | "breakpoint" | "showSlots" | "clearable" | "ignoreStylingInSelection" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "colorSchemaType" | "variant" | "filters" | "colors" | "toned" | "v-model" | "modelValue" | "emit:update:modelValue" | "placeholder" | "slot:activator" | "customTyping" | "viewType" | "previewType" | "textBlueprint" | "typographyBlueprint" | "breakpoint" | "showSlots" | "clearable" | "ignoreStylingInSelection" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStyleViewer.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp } from "@omnia/fx/ux";
 import { TextStyleConfiguration } from "@omnia/fx-models";
-type ViewerProps = DefineProp<"item", TextStyleConfiguration> & DefineProp<"ignoreLineHeight", boolean>;
+type ViewerProps = DefineProp<"item", TextStyleConfiguration> & DefineProp<"ignoreLineHeight", boolean> & DefineProp<"textColor", string>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ViewerProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "item" | "ignoreLineHeight"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "item" | "textColor" | "ignoreLineHeight"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts

@@ -1,4 +1,4 @@
-import { ThemedTextStyleValue, TextStyleValue, TypographyBlueprint, TextStyleBreakpointType, TextStyleConfiguration } from "@omnia/fx-models";
+import { ThemedTextStyleValue, TextStyleValue, TypographyBlueprint, TextStyleBreakpointType, TextStyleConfiguration, guid } from "@omnia/fx-models";
 import { usePickerStore } from "internal/fx/ux/oxide/picker/stores/PickerStore";
 import { PickerVariant } from "internal/fx/ux/oxide/picker/models/SharedSettings";
 export type ViewTypes = "type-scale" | "system-styles" | "custom-styles" | "system-styles custom-styles" | "default";
@@ -10,7 +10,11 @@ export declare const useTextStylePickerStore: () => {
         viewType: ViewTypes;
         typographyBlueprint: TypographyBlueprint;
         breakPoint: TextStyleBreakpointType;
-        configurations: TextStyleConfiguration[];
+        configurations: {
+            all: TextStyleConfiguration[];
+            filtered: TextStyleConfiguration[];
+        };
+        filters: guid[];
         settings: {
             variant: PickerVariant;
         };
@@ -18,6 +22,7 @@ export declare const useTextStylePickerStore: () => {
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         setPickerStore(store: ReturnType<typeof usePickerStore>): void;
         clear: () => void;
+        setFilters: (filters: Array<guid>) => void;
         setScaleValue(value: number): void;
         select: (value: TextStyleValue | TextStyleConfiguration) => void;
         initState: (model: TextStyleValue | number | TextStyleConfiguration, sampleText: string, viewType: ViewTypes, typographyBlueprint: TypographyBlueprint, breakpoint: TextStyleBreakpointType) => void;

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemePicker.css.d.ts

@@ -1,8 +1,3 @@
-import { ColorSchema, ResolvedThemeDefinition } from "@omnia/fx-models";
 export declare const ThemeDefinitionPickerStyles: {
     menuContainer: (backgroundColor: string) => string;
-    itemContainer: (definition: ResolvedThemeDefinition, selectedView: boolean) => string;
-    IconColumn: string;
-    titleColumn: string;
-    colorPreview: (schema: ColorSchema) => string;
 };

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemePicker.d.ts

@@ -1,5 +1,5 @@
 import { DefineSlot, DefineEmit } from "@omnia/fx/ux";
-import { Func, ITemplateRegistration, ResolvedThemeDefinition, TemplateRegistrationType } from "@omnia/fx-models";
+import { Func, guid, ITemplateRegistration, ResolvedThemeDefinition, TemplateRegistrationType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 type ThemePickerVariant = "picker" | "virtual-list" | "journey";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
@@ -10,17 +10,19 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     label?: string;
 } & {
     enableClear?: boolean;
+} & {
+    navigation?: boolean;
 } & {
     filter?: "custom";
 } & {
-    "emit:update:modelValue": (value: ResolvedThemeDefinition) => void;
+    "emit:update:modelValue": (value: guid | ResolvedThemeDefinition) => void;
 } & {
-    "v-model"?: ResolvedThemeDefinition;
+    "v-model"?: guid | ResolvedThemeDefinition;
 } & {
-    modelValue?: ResolvedThemeDefinition;
-} & DefineSlot<"activator", Func<[VNodeChild]>> & DefineEmit<"item:selected", (theme: ITemplateRegistration<ResolvedThemeDefinition>) => true>> & {
-    "onUpdate:modelValue"?: (value: ResolvedThemeDefinition) => any;
-    "onItem:selected"?: (theme: ITemplateRegistration<ResolvedThemeDefinition, TemplateRegistrationType>) => any;
+    modelValue?: guid | ResolvedThemeDefinition;
+} & DefineSlot<"activator", Func<[VNodeChild]>> & DefineEmit<"item:selected", (theme: ITemplateRegistration<ResolvedThemeDefinition> | guid) => true>> & {
+    "onUpdate:modelValue"?: (value: guid | ResolvedThemeDefinition) => any;
+    "onItem:selected"?: (theme: guid | ITemplateRegistration<ResolvedThemeDefinition, TemplateRegistrationType>) => any;
 } & {
     "v-slots"?: {
         activator?: Func<[VNodeChild]>;
@@ -28,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "label" | "variant" | "toned" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "enableClear" | "emit:item:selected"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filter" | "label" | "variant" | "toned" | "v-model" | "modelValue" | "emit:update:modelValue" | "navigation" | "slot:activator" | "enableClear" | "emit:item:selected"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeViewer.css.d.ts

@@ -0,0 +1,7 @@
+import { ColorSchema, ResolvedThemeDefinition } from "@omnia/fx-models";
+export declare const ThemeViewerStyles: {
+    itemContainer: (definition: ResolvedThemeDefinition, selectedView: boolean) => string;
+    IconColumn: string;
+    titleColumn: string;
+    colorPreview: (schema: ColorSchema) => string;
+};

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/ThemeViewer.d.ts

@@ -0,0 +1,12 @@
+import { ResolvedThemeDefinition } from "@omnia/fx-models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    definition?: ResolvedThemeDefinition;
+} & {
+    selected?: boolean;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "definition" | "selected"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/store/ThemePickerStore.d.ts

@@ -1,4 +1,4 @@
-import { ITemplateRegistration, ResolvedThemeDefinition } from "@omnia/fx-models";
+import { guid, ITemplateRegistration, ResolvedThemeDefinition } from "@omnia/fx-models";
 export declare enum ColorMode {
     colorOnly = "color",
     linearGradient = "linear",
@@ -6,7 +6,7 @@ export declare enum ColorMode {
 }
 export declare const useThemePickerStore: () => {
     state: {
-        internalModel: ResolvedThemeDefinition;
+        internalModel: guid | ResolvedThemeDefinition;
         pickerStore: {
             readonly slots: {
                 selectionRender: () => import("vue").VNodeChild;
@@ -32,7 +32,7 @@ export declare const useThemePickerStore: () => {
             }>;
             get: {
                 readonly bladesId: {
-                    selection: import("@omnia/fx-models").guid;
+                    selection: guid;
                 };
             };
         } & {
@@ -42,7 +42,7 @@ export declare const useThemePickerStore: () => {
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         clear: () => void;
         select: (theme: ITemplateRegistration<ResolvedThemeDefinition>) => void;
-        initState: (model: ResolvedThemeDefinition) => void;
+        initState: (model: ResolvedThemeDefinition | guid) => void;
     }>;
     get: {
         selectedRegistration: () => ITemplateRegistration<any, import("@omnia/fx-models").TemplateRegistrationType>;
@@ -52,6 +52,7 @@ export declare const useThemePickerStore: () => {
         };
     };
     rules: {
+        isSelected: (theme: ITemplateRegistration<ResolvedThemeDefinition>) => boolean;
         readonly hasSelection: boolean;
     };
 } & {

package/internal-do-not-import-from-here/ux/aurora/components/themepreview/ThemePreview.d.ts

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

package/internal-do-not-import-from-here/ux/aurora/store/TextStyleConfigurationStore.d.ts

@@ -1,5 +1,5 @@
 import { guid, HeadingConfiguration, TextStyleConfiguration } from "@omnia/fx-models";
-import { NestedCSSProperties } from "typestyle/lib/types";
+import { NestedCSSSelectors } from "typestyle/lib/types";
 export interface TextStyleSettings {
     headings: Array<HeadingConfiguration>; /**Old depricated stuff... */
     textStyles: Array<TextStyleConfiguration>;
@@ -20,18 +20,25 @@ export declare const useTextStyleConfigurationStore: () => {
         createNew: () => TextStyleConfiguration;
     }>;
     get: {
+        id: {
+            byClass: (classes: string) => guid;
+        };
         configurations: {
             readonly active: TextStyleConfiguration[];
             readonly disabled: TextStyleConfiguration[];
             readonly default: TextStyleConfiguration;
             byId: (id: guid) => TextStyleConfiguration;
+            byIdWithDefaultFallback: (id: guid) => TextStyleConfiguration;
+            byFilter: (ids: Array<guid>) => TextStyleConfiguration[];
         };
         textStyling: {
+            className: (id: guid) => string;
             byId: (id: guid) => any;
             byConfiguration: (configuration: TextStyleConfiguration) => any;
             default: () => any;
             object: (id: guid) => any;
-            toSelector: (id: guid, selector: string) => NestedCSSProperties;
+            toSelector: (id: guid, selector: string) => NestedCSSSelectors;
+            allClasses: (selector?: string) => NestedCSSSelectors;
         };
     };
     deactivated(): void;

package/internal-do-not-import-from-here/ux/editorchrome/define/DefineChromeAction.d.ts

@@ -1,16 +1,16 @@
 import { SetupFactoryContext } from "@omnia/fx";
 import { guid, IIcon, InstanceLifetimes } from "@omnia/fx-models";
 import { type ConfirmDialogOptions } from "../../confirmdialog";
-import { VNodeChild } from "vue";
+import { Ref, VNodeChild } from "vue";
 export interface SetupChromeActionontext extends SetupFactoryContext {
     defineAction(action: ChromeActionOptions): ChromeActionInstance;
 }
 export type ChromeActionOptions = {
     id?: guid;
-    active?: boolean;
-    disableToggle?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
+    active?: boolean | Ref<boolean>;
+    disableToggle?: boolean | Ref<boolean>;
+    disabled?: boolean | Ref<boolean>;
+    hidden?: boolean | Ref<boolean>;
     compactMode?: {
         showText?: boolean;
         hide?: boolean;

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

@@ -11,5 +11,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "tooltip" | "buttonSettings" | "multilingualContext"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "tooltip" | "multilingualContext" | "buttonSettings"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/calendar/Calendar.d.ts

@@ -1,9 +1,10 @@
 import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, EventType } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
+import { CalendarDaySlotScope } from "vuetify/lib/labs/VCalendar/types";
 declare const defaultWeekDays: (0 | 1 | 4 | 3 | 2 | 5 | 6)[];
 type CalendarProps<T extends EventType> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", Date[], false, null, true, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", Array<0 | 1 | 2 | 3 | 4 | 5 | 6>, false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
-    day: Date;
-    allDay: boolean;
+    day: CalendarDaySlotScope;
+    timed: boolean;
     event: T;
 }) => VNodeChild> & DefineSlot<"header", (header: {
     title: string;
@@ -13,8 +14,8 @@ declare const _default: <T extends EventType>(props: import("@omnia/fx/ux").Extr
 } & {
     "v-slots"?: {
         event?: (event: {
-            day: Date;
-            allDay: boolean;
+            day: CalendarDaySlotScope;
+            timed: boolean;
             event: T;
         }) => VNodeChild;
         header?: (header: {

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

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

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.css.d.ts

@@ -20,18 +20,25 @@ export declare const TextStyling: {
             createNew: () => import("@omnia/fx-models").TextStyleConfiguration;
         }>;
         get: {
+            id: {
+                byClass: (classes: string) => import("@omnia/fx-models").guid;
+            };
             configurations: {
                 readonly active: import("@omnia/fx-models").TextStyleConfiguration[];
                 readonly disabled: import("@omnia/fx-models").TextStyleConfiguration[];
                 readonly default: import("@omnia/fx-models").TextStyleConfiguration;
                 byId: (id: import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+                byIdWithDefaultFallback: (id: import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+                byFilter: (ids: Array<import("@omnia/fx-models").guid>) => import("@omnia/fx-models").TextStyleConfiguration[];
             };
             textStyling: {
+                className: (id: import("@omnia/fx-models").guid) => string;
                 byId: (id: import("@omnia/fx-models").guid) => any;
                 byConfiguration: (configuration: import("@omnia/fx-models").TextStyleConfiguration) => any;
                 default: () => any;
                 object: (id: import("@omnia/fx-models").guid) => any;
-                toSelector: (id: import("@omnia/fx-models").guid, selector: string) => import("typestyle/lib/types").NestedCSSProperties;
+                toSelector: (id: import("@omnia/fx-models").guid, selector: string) => import("typestyle/lib/types").NestedCSSSelectors;
+                allClasses: (selector?: string) => import("typestyle/lib/types").NestedCSSSelectors;
             };
         };
         deactivated(): void;
@@ -45,5 +52,5 @@ export declare const TextStyling: {
         }, name?: import("@omnia/fx-models").ContainerBreakpointTypes) => {};
         device: (styles: import("typestyle/lib/types").NestedCSSProperties, breakpoint: import("@omnia/fx-models").DisplayBreakpointTypes) => {};
     };
-    default: () => string;
+    default: (textColor: string) => string;
 };

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

@@ -1,4 +1,4 @@
-import { RichTextContentHelper, RichTextEditorPlaceHolder } from ".";
+import { RichTextContentHelper, RichTextEditorPlaceHolder, useRichTextEditorStore } from ".";
 import { RichTextEditorExtension, RichTextEditorExtensionRegistration, RichTextModes } from "../../models";
 import { IRichTextEditorExtensionHelper } from "./IRichTextEditorExtensionHelper";
 import "./RichTextEditor.css";
@@ -34,6 +34,9 @@ declare const _default: {
         bodyClass: {
             type: import("vue").PropType<string>;
         };
+        getApi: {
+            type: import("vue").PropType<(store: ReturnType<typeof useRichTextEditorStore>) => void>;
+        };
         outlined: {
             type: import("vue").PropType<boolean>;
         };
@@ -116,6 +119,9 @@ declare const _default: {
         bodyClass: {
             type: import("vue").PropType<string>;
         };
+        getApi: {
+            type: import("vue").PropType<(store: ReturnType<typeof useRichTextEditorStore>) => void>;
+        };
         outlined: {
             type: import("vue").PropType<boolean>;
         };
@@ -195,6 +201,9 @@ declare const _default: {
     bodyClass: {
         type: import("vue").PropType<string>;
     };
+    getApi: {
+        type: import("vue").PropType<(store: ReturnType<typeof useRichTextEditorStore>) => void>;
+    };
     outlined: {
         type: import("vue").PropType<boolean>;
     };
@@ -267,6 +276,7 @@ declare const _default: {
             menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
         };
         ariaInvalid?: boolean;
+        getApi?: (store: ReturnType<typeof useRichTextEditorStore>) => void;
         disableAutofocus?: boolean;
         bodyClass?: string;
         onContentDataChange?: (richtextHelper: RichTextContentHelper) => void;

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

@@ -10,4 +10,4 @@ import "./extensions/RegistrationApi";
 import "./NodeExtension";
 import "./RichTextEditorExtensionHelper";
 export * from "./NodeExtension";
-export * from "./RichTextEditorStore";
+export * from "./store";

package/internal-do-not-import-from-here/ux/richtexteditor/store/RichTextEditorStore.d.ts

@@ -0,0 +1,133 @@
+import { guid, RichTextEditorExtensionRegistration, RichTextEditorExtension, PastedMenuToolBar, PastedContext, TipTapEditor, RichTextEditorSettingsModel, RichTextModes } from "@omnia/fx-models";
+import { BubbleMenuConfiguration, RichTextEditorNodeRegistration, RichTextEditorPlaceHolder, ToolbarConfiguration } from "../IRichTextEditor";
+import { RichTextContentExtensionData, RichTextContentHelper } from "../RichTextContentHelper";
+import { ComponentPublicInstance } from "vue";
+import { RichTextEditorInstance } from "../RichTextEditorInstance";
+import { IRichTextEditorExtensionHelper } from "../IRichTextEditorExtensionHelper";
+import { EditorView } from "@tiptap/pm/view";
+import { Editor } from "@tiptap/vue-3";
+export declare const useRichTextEditorStore: () => {
+    state: {
+        sharedValues: {
+            [key: string]: any;
+        };
+        id: guid;
+        status: {
+            isLoading: boolean;
+            showToolbar: boolean;
+            suggestedMenu: boolean;
+            selectionIsDebouncing: boolean;
+            updateToolbar: boolean;
+        };
+        settings: {
+            editor: RichTextEditorSettingsModel;
+            textStyleFilters: guid[];
+            textColor: {
+                defaultColor: string;
+                schemaName: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+            };
+            paddingTop: number;
+            lastScrollTop: number;
+            parentScrollOffset: {
+                top: number;
+            };
+            stickyElmScrollableParent: any;
+            isRightToLeft: boolean;
+            hasLanguagePicker: boolean;
+            mode: RichTextModes;
+            placeholder: RichTextEditorPlaceHolder;
+        };
+        nodes: RichTextEditorNodeRegistration[];
+        toolbarItems: ToolbarConfiguration[];
+        extensionsData: {
+            [extensionName: string]: RichTextContentExtensionData;
+        };
+        bubbleMenuItems: BubbleMenuConfiguration[];
+        suggestedMenuItem: BubbleMenuConfiguration[];
+        pastedMenuItem: BubbleMenuConfiguration[];
+        pastedPosition: PastedMenuToolBar;
+        pastedContext: PastedContext;
+        extensionOnFocusFuncs: Array<(editor: TipTapEditor, setExtensionData: (data: RichTextContentExtensionData) => void) => void>;
+        extensionOnBlurFuncs: Array<(editor: TipTapEditor, setExtensionData: (data: RichTextContentExtensionData) => void) => void>;
+        currentEmitedContent: string;
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        sharedValues: {
+            [key: string]: any;
+        };
+        id: guid;
+        status: {
+            isLoading: boolean;
+            showToolbar: boolean;
+            suggestedMenu: boolean;
+            selectionIsDebouncing: boolean;
+            updateToolbar: boolean;
+        };
+        settings: {
+            editor: RichTextEditorSettingsModel;
+            textStyleFilters: guid[];
+            textColor: {
+                defaultColor: string;
+                schemaName: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+            };
+            paddingTop: number;
+            lastScrollTop: number;
+            parentScrollOffset: {
+                top: number;
+            };
+            stickyElmScrollableParent: any;
+            isRightToLeft: boolean;
+            hasLanguagePicker: boolean;
+            mode: RichTextModes;
+            placeholder: RichTextEditorPlaceHolder;
+        };
+        nodes: RichTextEditorNodeRegistration[];
+        toolbarItems: ToolbarConfiguration[];
+        extensionsData: {
+            [extensionName: string]: RichTextContentExtensionData;
+        };
+        bubbleMenuItems: BubbleMenuConfiguration[];
+        suggestedMenuItem: BubbleMenuConfiguration[];
+        pastedMenuItem: BubbleMenuConfiguration[];
+        pastedPosition: PastedMenuToolBar;
+        pastedContext: PastedContext;
+        extensionOnFocusFuncs: Array<(editor: TipTapEditor, setExtensionData: (data: RichTextContentExtensionData) => void) => void>;
+        extensionOnBlurFuncs: Array<(editor: TipTapEditor, setExtensionData: (data: RichTextContentExtensionData) => void) => void>;
+        currentEmitedContent: string;
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        set: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
+            sharedValue(value: {
+                [key: string]: any;
+            }): void;
+            textStyleFilters(value: Array<guid>): void;
+        }>;
+        hideBubbleMenu(): void;
+        editorUpdated(extensionName?: string, data?: RichTextContentExtensionData): void;
+        contentChangedFromToolbar(content: string, extensionName?: string, data?: RichTextContentExtensionData): void;
+        handleCursorPosition(formatedText: string, formatedHtml: string, view: EditorView, from: number, to: number): void;
+        setExtensionData(data: RichTextContentExtensionData): void;
+        selectionChange(): void;
+        focusEditor(): void;
+        init(vueInstanceRef: ComponentPublicInstance, editorInstanceRef: RichTextEditorInstance): Promise<void>;
+    }>;
+    hooks: {
+        scrollCallback: () => void;
+        onContentDataChange: (richtextHelper: RichTextContentHelper) => void;
+        onConfigureExtensions: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>;
+        onContentChange: (content: string) => void;
+    };
+    rules: {
+        /**
+         *
+         * @param editor the editor instance
+         * @returns true if the editor is have selection
+         */
+        doesEditorHaveSelection(editor: Pick<Editor, "isFocused" | "state">): boolean;
+    };
+    get: {
+        sharedValue: (key: string) => any;
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/richtexteditor/store/index.d.ts

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

package/internal-do-not-import-from-here/ux/richtexteditorrenderer/RichTextEditorRenderer.css.d.ts

@@ -15,18 +15,25 @@ export declare const TextStyling: {
             createNew: () => import("@omnia/fx-models").TextStyleConfiguration;
         }>;
         get: {
+            id: {
+                byClass: (classes: string) => import("@omnia/fx-models").guid;
+            };
             configurations: {
                 readonly active: import("@omnia/fx-models").TextStyleConfiguration[];
                 readonly disabled: import("@omnia/fx-models").TextStyleConfiguration[];
                 readonly default: import("@omnia/fx-models").TextStyleConfiguration;
                 byId: (id: import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+                byIdWithDefaultFallback: (id: import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+                byFilter: (ids: Array<import("@omnia/fx-models").guid>) => import("@omnia/fx-models").TextStyleConfiguration[];
             };
             textStyling: {
+                className: (id: import("@omnia/fx-models").guid) => string;
                 byId: (id: import("@omnia/fx-models").guid) => any;
                 byConfiguration: (configuration: import("@omnia/fx-models").TextStyleConfiguration) => any;
                 default: () => any;
                 object: (id: import("@omnia/fx-models").guid) => any;
-                toSelector: (id: import("@omnia/fx-models").guid, selector: string) => import("typestyle/lib/types").NestedCSSProperties;
+                toSelector: (id: import("@omnia/fx-models").guid, selector: string) => import("typestyle/lib/types").NestedCSSSelectors;
+                allClasses: (selector?: string) => import("typestyle/lib/types").NestedCSSSelectors;
             };
         };
         deactivated(): void;
@@ -40,5 +47,5 @@ export declare const TextStyling: {
         }, name?: import("@omnia/fx-models").ContainerBreakpointTypes) => {};
         device: (styles: import("typestyle/lib/types").NestedCSSProperties, breakpoint: import("@omnia/fx-models").DisplayBreakpointTypes) => {};
     };
-    default: () => string;
+    default: (textColor: string) => string;
 };

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

@@ -8,5 +8,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TextTranslat
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "icon" | "srcLanguage" | "forceTenantLanguages" | "buttonSettings" | "emit:translateCompleted"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "icon" | "buttonSettings" | "srcLanguage" | "forceTenantLanguages" | "emit:translateCompleted"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -71,7 +71,7 @@ export declare const vuetifyPlugin: {
             getDiff: (date: unknown, comparing: unknown, unit?: string) => number;
             getWeekArray: (date: unknown, firstDayOfWeek?: number | string) => unknown[][];
             getWeekdays: (firstDayOfWeek?: number | string, weekdayFormat?: "long" | "short" | "narrow") => string[];
-            getWeek: (date: unknown, firstDayOfWeek?: number | string, firstWeekMinSize?: number) => number;
+            getWeek: (date: unknown, firstDayOfWeek?: number | string, firstDayOfYear?: number | string) => number;
             getMonth: (date: unknown) => number;
             setMonth: (date: unknown, month: number) => unknown;
             getDate: (date: unknown) => number;

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

@@ -449,7 +449,7 @@ import wc1f8e62af53af4535864eeff5b7e34248 from './ux/aurora/components/textcolor
 import wc287d666180644ba5ab5def0471a75a89 from './ux/aurora/components/textstylepicker/TextStylePicker';
 import wc24f60b68e89540ebb5775cf7ff2df8b7 from './ux/aurora/components/textstylepicker/TextStyleViewer';
 import wc252ece0016594978b3ddfafdd59adda4 from './ux/aurora/components/themepicker/ThemePicker';
-import wc73e1c232690249f78967e3e3f6d92bd7 from './ux/aurora/components/themepreview/ThemePreview';
+import wc745ebe98504141a5b29aa7dd6dea8b9a from './ux/aurora/components/themepicker/ThemeViewer';
 import wcc6eec07d48af435ab0c75195d9c7dcfc from './ux/aurora/components/themepreview/ComponentPreview';
 import wc99a73153b5c647da9d6de517f51e53f0 from './ux/aurora/components/typography/TextStyleEditor';
 import wc2f742a14a560434abb899360a69c314b from './ux/aurora/components/typography/TypographyBlueprintsViewer';
@@ -572,7 +572,7 @@ import wcfebab40186954cadbb54852c509f31e6 from './ux/aurora/admin/themedesigner/
 import wc8142fa90f0d34258bb080a15aa21ab74 from './ux/aurora/admin/themedesigner/fontsmanager/FontManager';
 import wc891de93e73cc47b0a552d24fdf34c9cf from './ux/aurora/admin/themedesigner/spacing/SpacingJourney';
 import wc682077b575c74b2086cbf438346e0ed3 from './ux/aurora/admin/themedesigner/templates/TemplatesJourney';
-import wcbed95d1ec67f4a15986fc72adebdb78f from './ux/aurora/admin/themedesigner/themes/ThemesJourney';
+import wcbed95d1ec67f4a15986fc72adebdb78f from './ux/aurora/admin/themedesigner/themes/ThemeSelectionJourney';
 import wcfc2401c7c3384790ae7ce17d05b0855f from './ux/aurora/admin/themedesigner/typography/TypographyJourney';
 import wc4834285963564938a31a1ac1dfb1b5d8 from './ux/layoutcanvas/editor/_old/blockplaceholder/BlockPlaceholder';
 import wc4512676606d342adbd011def4b615151 from './ux/layoutcanvas/editor/_old/canvastoolbar/CanvasToolbar';
@@ -3129,13 +3129,13 @@ declare global {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
                 } : typeof wc252ece0016594978b3ddfafdd59adda4;
-                "viewer": typeof wc73e1c232690249f78967e3e3f6d92bd7 extends {
+                "viewer": typeof wc745ebe98504141a5b29aa7dd6dea8b9a extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wc73e1c232690249f78967e3e3f6d92bd7;
+                } : typeof wc745ebe98504141a5b29aa7dd6dea8b9a;
             };
             "component": {
                 "preview": typeof wcc6eec07d48af435ab0c75195d9c7dcfc extends {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.542-dev",
+  "version": "8.0.544-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.542-dev",
+    "@omnia/fx-models": "8.0.544-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",
     "splitpanes": "3.2.0",
     "vue": "3.5.21",
-    "vuetify": "3.9.6",
+    "vuetify": "3.10.0",
     "tslib": "2.6.2",
     "typescript": "5.8.2",
     "@tiptap/vue-3": "2.1.13",

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

@@ -1,18 +0,0 @@
-export type RichTextEditorStore = ReturnType<typeof useRichTextEditorStore>;
-export declare const useRichTextEditorStore: () => {
-    events: import("@omnia/fx/stores").StoreEvents<{
-        _sharedValue: {
-            [key: string]: any;
-        };
-    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
-    get: {
-        getSharedValue(key: string): any;
-    };
-    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
-        setSharedValue(value: {
-            [key: string]: any;
-        }): void;
-    }>;
-} & {
-    dispose?: () => void;
-};