@omnia/fx 8.0.21-vnext → 8.0.23-vnext

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

@@ -7,18 +7,14 @@ declare const _default: {
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "status-code": {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: false;
             };
             statusCode: {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: false;
             };
             overlay: {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: false;
             } & {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: false;
             };
             icon: {
                 type: import("vue").PropType<string>;
@@ -47,18 +43,14 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "status-code": {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: false;
             };
             statusCode: {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: false;
             };
             overlay: {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: false;
             } & {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: false;
             };
             icon: {
                 type: import("vue").PropType<string>;
@@ -93,18 +85,14 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         "status-code": {
             type: import("vue").PropType<HttpStatusCode>;
-            required: false;
         };
         statusCode: {
             type: import("vue").PropType<HttpStatusCode>;
-            required: false;
         };
         overlay: {
             type: import("vue").PropType<StatusMessageOverlayType>;
-            required: false;
         } & {
             type: import("vue").PropType<StatusMessageOverlayType>;
-            required: false;
         };
         icon: {
             type: import("vue").PropType<string>;
@@ -123,18 +111,14 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "status-code": {
         type: import("vue").PropType<HttpStatusCode>;
-        required: false;
     };
     statusCode: {
         type: import("vue").PropType<HttpStatusCode>;
-        required: false;
     };
     overlay: {
         type: import("vue").PropType<StatusMessageOverlayType>;
-        required: false;
     } & {
         type: import("vue").PropType<StatusMessageOverlayType>;
-        required: false;
     };
     icon: {
         type: import("vue").PropType<string>;

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

@@ -1,39 +1,413 @@
-import { VueComponentBase, ThemeStore } from "../..";
-import { IWebComponentInstance } from "../../../runtime/core/InternalWebComponentBootstrapper";
-import { ThemingLocalization } from "../loc/localize";
-import { IThemeDefinitionEditor } from "./IThemeDefinitionEditor";
-import { ThemeDefinition, ThemeStyling, ThemeColorDefinition } from "../../../models";
-declare enum ThemeArea {
-    chrome = 1,
-    body = 2
-}
-export declare class ThemeDefinitionEditor extends VueComponentBase implements IWebComponentInstance, IThemeDefinitionEditor {
-    valueBind: ThemeDefinition;
-    onValueChanged?: (model: ThemeDefinition) => void;
-    hideBodySettings?: boolean;
-    hideChromeSettings?: boolean;
-    hideBorderSettings?: boolean;
-    attachedToParent?: boolean;
-    loc: ThemingLocalization.locInterface;
-    themeStore: ThemeStore;
-    private themeDefinitions;
-    private advancedModeState;
-    private isAdvancedModeExpanded;
-    private showCloneDefinitionMenu;
-    private menuActivatorId;
-    private isChromeTab;
-    created(): void;
-    mounted(): void;
-    onModelUpdated(): void;
-    onDefinitionSelected(themeDefintion: ThemeDefinition): void;
-    renderBorderThemeStyling(themeStyling: ThemeStyling, themeArea: ThemeArea): JSX.Element;
-    renderAdvancedSettings(themeArea: ThemeArea, themeStyling: ThemeStyling): JSX.Element;
-    renderCustomThemeStyling(themeDefinition: ThemeColorDefinition, themeArea: ThemeArea): JSX.Element;
-    renderSettings(): JSX.Element;
-    renderMenuItems(): JSX.Element[];
-    renderMenu(): JSX.Element;
-    renderSingleTab(): JSX.Element;
-    renderTabs(): JSX.Element;
-    render(): JSX.Element;
-}
-export {};
+import { ThemeDefinition } from "../../../models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "attached-to-parent": {
+                type: import("vue").PropType<boolean>;
+            };
+            attachedToParent: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-border-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideBorderSettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-chrome-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideChromeSettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-body-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideBodySettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "v-model": {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+            name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            }; } & {
+                require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ThemeDefinition, {
+                    "v-model": {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                }>;
+                defaultValue(value?: ThemeDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ThemeDefinition, {
+                    "v-model": {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                }, false>;
+                doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ThemeDefinition, {
+                    "v-model": {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                }>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: ThemeDefinition) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: "update:modelValue", value: ThemeDefinition) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "attached-to-parent": {
+                type: import("vue").PropType<boolean>;
+            };
+            attachedToParent: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-border-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideBorderSettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-chrome-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideChromeSettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-body-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideBodySettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "v-model": {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+            name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            }; } & {
+                require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ThemeDefinition, {
+                    "v-model": {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                }>;
+                defaultValue(value?: ThemeDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ThemeDefinition, {
+                    "v-model": {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                }, false>;
+                doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ThemeDefinition, {
+                    "v-model": {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ThemeDefinition>;
+                        required: false;
+                    };
+                }>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: ThemeDefinition) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: ThemeDefinition) => boolean;
+        }, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
+        "attached-to-parent": {
+            type: import("vue").PropType<boolean>;
+        };
+        attachedToParent: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-border-settings": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideBorderSettings: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-chrome-settings": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideChromeSettings: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-body-settings": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideBodySettings: {
+            type: import("vue").PropType<boolean>;
+        };
+        "v-model": {
+            type: import("vue").PropType<ThemeDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<ThemeDefinition>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<ThemeDefinition>;
+            required: false;
+        }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<ThemeDefinition>;
+            required: false;
+        }; } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ThemeDefinition, {
+                "v-model": {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: ThemeDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ThemeDefinition, {
+                "v-model": {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ThemeDefinition, {
+                "v-model": {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            }>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: ThemeDefinition) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "attached-to-parent": {
+        type: import("vue").PropType<boolean>;
+    };
+    attachedToParent: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-border-settings": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideBorderSettings: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-chrome-settings": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideChromeSettings: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-body-settings": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideBodySettings: {
+        type: import("vue").PropType<boolean>;
+    };
+    "v-model": {
+        type: import("vue").PropType<ThemeDefinition>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<ThemeDefinition>;
+        required: false;
+    };
+    name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+        type: import("vue").PropType<ThemeDefinition>;
+        required: false;
+    }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+        type: import("vue").PropType<ThemeDefinition>;
+        required: false;
+    }; } & {
+        require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ThemeDefinition, {
+            "v-model": {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        }>;
+        defaultValue(value?: ThemeDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ThemeDefinition, {
+            "v-model": {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        }, false>;
+        doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ThemeDefinition, {
+            "v-model": {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        }>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: ThemeDefinition) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ThemeDefinition) => boolean;
+}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        name?: {
+            [x: `v-model:${string}`]: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        } & {
+            [x: string]: {
+                type: import("vue").PropType<ThemeDefinition>;
+                required: false;
+            };
+        } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<string, ThemeDefinition, {
+                "v-model": {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: ThemeDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<string, ThemeDefinition, {
+                "v-model": {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<string, ThemeDefinition, {
+                "v-model": {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ThemeDefinition>;
+                    required: false;
+                };
+            }>;
+        };
+        "v-model"?: ThemeDefinition;
+        modelValue?: ThemeDefinition;
+        attachedToParent?: boolean;
+        hideBodySettings?: boolean;
+        "hide-body-settings"?: boolean;
+        hideChromeSettings?: boolean;
+        "hide-chrome-settings"?: boolean;
+        hideBorderSettings?: boolean;
+        "hide-border-settings"?: boolean;
+        "attached-to-parent"?: boolean;
+    }> & {
+        "onUpdate:modelValue"?: (value: ThemeDefinition) => any;
+    };
+};
+export default _default;

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

@@ -1,5 +1,4 @@
 export * from "./Theming";
 export * from "./ThemeManager";
 export * from "./ThemeStore";
-export * from "./components/IThemeDefinitionEditor";
 export * from "./VuetifyComponentStyles.css";

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

@@ -1,10 +1,7 @@
-import { TonalPalette } from "@material/material-color-utilities";
-import { ColorDefinition, ColorGroup } from "@omnia/fx-models";
-export declare const ColorManager: () => {
+import { ColorDefinition } from "@omnia/fx-models";
+export declare const useColorManager: () => {
     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;
+    isValidColor: (color: string) => boolean;
 };

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

@@ -0,0 +1,7 @@
+import { TonalPalette } from "@material/material-color-utilities";
+import { ColorGroup } from "@omnia/fx-models";
+export declare const useColorSchemaManager: () => {
+    createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
+    getColorPalette: (color: string) => TonalPalette;
+    hexFromArgb: (argb: number) => string;
+};

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

@@ -16,6 +16,12 @@ export declare const useColorSchemaStore: (newInstanceWithName?: string) => {
         readonly onBase: ColorDefinition;
         readonly container: ColorDefinition;
         readonly onContainer: ColorDefinition;
+        dynamic: (isContainer: boolean) => {
+            readonly base: ColorDefinition;
+            readonly onBase: ColorDefinition;
+            readonly container: ColorDefinition;
+            readonly onContainer: ColorDefinition;
+        };
     };
     actions: {
         setColorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, container?: boolean) => void;