@omnia/fx 8.0.12-vnext → 8.0.15-vnext

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TextStyle/TextStyleNode.d.ts

@@ -0,0 +1,16 @@
+import { Mark } from "@tiptap/core";
+export interface TextStyleOptions {
+    HTMLAttributes: Record<string, any>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        textStyle: {
+            /**
+             * Remove spans without inline style attributes.
+             */
+            removeEmptyTextStyle: () => ReturnType;
+        };
+    }
+}
+declare const _default: Mark<TextStyleOptions, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import TextStyle from "./TextStyleNode";
+export { TextStyle };

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TodoList/TodoListNode.d.ts

@@ -1,12 +1,3 @@
-import { NodeExtension } from "../../NodeExtension";
-export default class TodoList extends NodeExtension {
-    get name(): string;
-    get schema(): any;
-    commands({ type, schema }: {
-        type: any;
-        schema: any;
-    }): () => any;
-    inputRules({ type }: {
-        type: any;
-    }): any[];
-}
+import { Node } from "@tiptap/core";
+declare const _default: Node<any, any>;
+export default _default;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/TodoList/nodes/TodoItem.d.ts

@@ -1,17 +1,5 @@
-import { NodeExtension } from "../../../NodeExtension";
-export default class TodoItem extends NodeExtension {
-    options: any;
-    get name(): string;
-    get defaultOptions(): {
-        nested: boolean;
-    };
-    get view(): any;
-    get schema(): any;
-    keys({ type }: {
-        type: any;
-    }): {
-        Enter: any;
-        Tab: any;
-        "Shift-Tab": any;
-    };
-}
+import { Node } from "@tiptap/core";
+declare const _default: Node<{
+    nested: boolean;
+}, any>;
+export default _default;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Underline/UnderlineNode.d.ts

@@ -1,14 +1,24 @@
-import { MarkExtension } from "../../MarkExtension";
-export default class Underline extends MarkExtension {
-    priority: number;
-    get name(): string;
-    get schema(): any;
-    keys({ type }: {
-        type: any;
-    }): {
-        "Mod-u": any;
-    };
-    commands({ type }: {
-        type: any;
-    }): () => any;
+import { Mark } from "@tiptap/core";
+export interface UnderlineOptions {
+    HTMLAttributes: Record<string, any>;
 }
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        underline: {
+            /**
+             * Set an underline mark
+             */
+            setUnderline: () => ReturnType;
+            /**
+             * Toggle an underline mark
+             */
+            toggleUnderline: () => ReturnType;
+            /**
+             * Unset an underline mark
+             */
+            unsetUnderline: () => ReturnType;
+        };
+    }
+}
+declare const _default: Mark<UnderlineOptions, any>;
+export default _default;

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

@@ -1,7 +1,4 @@
 export * from "./IRichTextEditor";
-export * from "./MarkExtension";
-export * from "./NodeExtension";
-export * from "./EditorExtension";
 export * from "./ToolbarExtension";
 export * from "./extensions";
 export * from "./RichTextContentHelper";
@@ -10,3 +7,4 @@ export * from "./PublicRichTextEditorApi";
 import "./extensions/RegistrationApi";
 import "./NodeExtension";
 import "./RichTextEditorExtensionHelper";
+export * from "./NodeExtension";

package/internal-do-not-import-from-here/ux/spacingpicker/{SpacingPicker.css.d.ts → SpacingPicker2.css.d.ts}

@@ -2,11 +2,13 @@
  * Styles for the component
  */
 export declare const SpacingPickerStyles: {
-    addRemoveButtons: {
-        container: string;
-    };
-    container: string;
-    inputValueContainer: string;
+    wrapper: string;
+    componentWrapper: string;
+    componentWrapperNonIndividual: string;
+    centerColumnWrapper: string;
+    centerAvatarWrapper: string;
+    textColumnTopBottomWrapper: string;
+    textColumnWrapper: string;
     centerButton: {
         color: {
             color: any;
@@ -17,15 +19,11 @@ export declare const SpacingPickerStyles: {
         hover: (color: any) => string;
     };
     borderTop: string;
-    borderTop_hover: (color: any) => string;
     borderTop_selected: (color: any) => string;
     borderBottom: string;
     borderBottom_selected: (color: any) => string;
-    borderBottom_hover: (color: any) => string;
     borderLeft: string;
-    borderLeft_hover: (color: any) => string;
     borderLeft_selected: (color: any) => string;
     borderRight: string;
-    borderRight_hover: (color: any) => string;
     borderRight_selected: (color: any) => string;
 };

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

@@ -1,47 +1,73 @@
+import { SpacingSettings } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            "v-model": {
-                type: import("vue").PropType<any>;
-                required: true;
-            };
-            individualSelection: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "disable-right": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            disableTop: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            disableRight: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            disableBottom: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            "disable-left": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
             disableLeft: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            disableRight: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            "disable-bottom": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            class: {
-                type: import("vue").PropType<String | String[]>;
+            disableBottom: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            "disable-top": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            disableTop: {
+                type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            "individual-selection": {
+                type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
             };
-            container: {
+            individualSelection: {
                 type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
+            };
+            "v-model": import("vue").PropType<SpacingSettings>;
+            modelValue: import("vue").PropType<SpacingSettings>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
             };
+            colorSchemaType?: any;
+            container?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: any) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -56,47 +82,72 @@ declare const _default: {
         $emit: (event: "update:modelValue", value: any) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            "v-model": {
-                type: import("vue").PropType<any>;
-                required: true;
-            };
-            individualSelection: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            "disable-right": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            disableTop: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            disableRight: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            disableBottom: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            "disable-left": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
             disableLeft: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            disableRight: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
+            "disable-bottom": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            class: {
-                type: import("vue").PropType<String | String[]>;
+            disableBottom: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            "disable-top": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            disableTop: {
+                type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            "individual-selection": {
+                type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
             };
-            container: {
+            individualSelection: {
                 type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
+            };
+            "v-model": import("vue").PropType<SpacingSettings>;
+            modelValue: import("vue").PropType<SpacingSettings>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
             };
+            colorSchemaType?: any;
+            container?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: any) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: any) => boolean;
-        }, string, {}, {}, string> & {
+        }, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -117,42 +168,64 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        "v-model": {
-            type: import("vue").PropType<any>;
-            required: true;
-        };
-        individualSelection: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
+        "disable-right": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
-        disableTop: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
+        disableRight: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
-        disableBottom: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
+        "disable-left": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
         disableLeft: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
-        disableRight: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
+        "disable-bottom": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
-        class: {
-            type: import("vue").PropType<String | String[]>;
+        disableBottom: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        "disable-top": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        disableTop: {
+            type: import("vue").PropType<boolean>;
             required: boolean;
+            default?: boolean;
         };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+        "individual-selection": {
+            type: import("vue").PropType<boolean>;
             required: boolean;
+            default?: boolean;
         };
-        container: {
+        individualSelection: {
             type: import("vue").PropType<boolean>;
             required: boolean;
+            default?: boolean;
+        };
+        "v-model": import("vue").PropType<SpacingSettings>;
+        modelValue: import("vue").PropType<SpacingSettings>;
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
         };
+        colorSchemaType?: any;
+        container?: any;
     }>> & {
         "onUpdate:modelValue"?: (value: any) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
@@ -160,58 +233,89 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-model": {
-        type: import("vue").PropType<any>;
-        required: true;
-    };
-    individualSelection: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
+    "disable-right": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
-    disableTop: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
+    disableRight: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
-    disableBottom: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
+    "disable-left": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
     disableLeft: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
-    disableRight: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
+    "disable-bottom": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
-    class: {
-        type: import("vue").PropType<String | String[]>;
+    disableBottom: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    "disable-top": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    disableTop: {
+        type: import("vue").PropType<boolean>;
         required: boolean;
+        default?: boolean;
     };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+    "individual-selection": {
+        type: import("vue").PropType<boolean>;
         required: boolean;
+        default?: boolean;
     };
-    container: {
+    individualSelection: {
         type: import("vue").PropType<boolean>;
         required: boolean;
+        default?: boolean;
+    };
+    "v-model": import("vue").PropType<SpacingSettings>;
+    modelValue: import("vue").PropType<SpacingSettings>;
+    class: {
+        type: import("vue").PropType<String | String[]>;
+        required: boolean;
     };
+    colorSchemaType?: any;
+    container?: any;
 }>> & {
     "onUpdate:modelValue"?: (value: any) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => boolean;
-}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, string, {
+    container?: any;
+    colorSchemaType?: any;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
-        "v-model": any;
+        container?: any;
+        colorSchemaType?: any;
     } & {
         class?: String | String[];
-        container?: boolean;
-        individualSelection?: Boolean;
-        disableLeft?: Boolean;
-        disableRight?: Boolean;
-        disableTop?: Boolean;
-        disableBottom?: Boolean;
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
+        "v-model"?: SpacingSettings;
+        modelValue?: SpacingSettings;
+        individualSelection?: boolean;
+        "individual-selection"?: boolean;
+        disableTop?: boolean;
+        "disable-top"?: boolean;
+        disableBottom?: boolean;
+        "disable-bottom"?: boolean;
+        disableLeft?: boolean;
+        "disable-left"?: boolean;
+        disableRight?: boolean;
+        "disable-right"?: boolean;
     }> & {
         "onUpdate:modelValue"?: (value: any) => any;
     };

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

@@ -1,7 +1,7 @@
 import { VueComponentBase } from "@omnia/fx/ux";
 import "./StatusMessageOverlay.css";
 import { IWebComponentInstance } from "../..";
-import { StatusMessageOverlayType, HttpStatusCode, LayoutEditorCanvasApi } from "../../models";
+import { StatusMessageOverlayType, HttpStatusCode, LayoutEditorCanvasApi, Layout } from "../../models";
 import { IStatusMessageOverlay } from "./IStatusMessageOverlay";
 export declare class StatusMessageOverlay extends VueComponentBase implements IWebComponentInstance, IStatusMessageOverlay {
     content?: string | JSX.Element;
@@ -16,7 +16,11 @@ export declare class StatusMessageOverlay extends VueComponentBase implements IW
     private renderStatusMessage;
     private renderStatusCode;
     renderStatusMessageOverlay(): JSX.Element;
+    api: LayoutEditorCanvasApi;
     gotApi(api: LayoutEditorCanvasApi): void;
     renderLayoutEngine(): JSX.Element;
+    saveLayout(): void;
+    clearLayout(): void;
+    getDefaultLayout(): Layout;
     render(): JSX.Element;
 }

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

@@ -3,17 +3,17 @@ import { Theming } from "./Theming";
 import { ThemeStore } from "./ThemeStore";
 import { App, ComponentPublicInstance } from "vue";
 export type VueThemingInstance = {
-    $theming: Theming;
-    themeTargetId: string;
-    themeDefinitionId: string;
-    themeDefinition: ThemeDefinition;
-    inheritanceTheme: {
+    $theming?: Theming;
+    themeTargetId?: string;
+    themeDefinitionId?: string;
+    themeDefinition?: ThemeDefinition;
+    inheritanceTheme?: {
         id: string;
     };
-    omniaCurrentTheming: {
+    omniaCurrentTheming?: {
         id: string;
     };
-    omvcparent: any;
+    omvcparent?: any;
 } & ComponentPublicInstance;
 export declare class InternalTheming {
     themeStore: ThemeStore;

package/internal-do-not-import-from-here/ux/theming-v2/ColorManager.d.ts

@@ -1,7 +1,10 @@
+import { TonalPalette } from "@material/material-color-utilities";
 import { ColorDefinition, ColorGroup } from "@omnia/fx-models";
 export declare const ColorManager: () => {
     getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
     createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
     isDarkColor: (color: any) => boolean;
     addOpacityToColor: (color: any, opacity: any) => any;
+    getColorPalette: (color: string) => TonalPalette;
+    hexFromArgb: (argb: number) => string;
 };

package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaStore.d.ts

@@ -3,10 +3,12 @@ import { ColorSchema, ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models
 import { ThemeStoreV2 } from "./ThemeStoreV2";
 export declare class ColorSchemaStore extends Store {
     private colorSchema;
+    private colorSchemaType;
     private themeStore;
     constructor();
     onActivated(): void;
     onDisposing(): void;
+    setupSubscriptions(): void;
     /**
     * Implementation of getters
     */
@@ -19,6 +21,7 @@ export declare class ColorSchemaStore extends Store {
      */
     mutations: {
         colorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchemaType: ColorSchemaTypes | ColorSchemaType) => void, (colorSchemaType: ColorSchemaTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        customColorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchema: ColorSchema) => void, (colorSchema: ColorSchema) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         themeStore: import("@omnia/fx/stores").StoreMutation<(themeStore: ThemeStoreV2) => void, (themeStore: ThemeStoreV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
     };
 }

package/internal-do-not-import-from-here/ux/theming-v2/colorschemapicker/ColorSchemaPicker.css.d.ts

@@ -0,0 +1,8 @@
+export declare const ColorSchemaPickerStyles: {
+    componentWrapper: string;
+    colorPaletteWrapper: string;
+    colorPaletteRow: (color: string) => string;
+    colorField: string;
+    paletteColor: (color: string, selected: boolean) => string;
+    previewPanel: string;
+};