@omnia/fx 8.0.20-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts

@@ -1,24 +1,174 @@
-import { VueComponentBase } from "../../../..";
-import { IWebComponentInstance } from "../../../../..";
-import { MultilingualString, TextAlignment } from "../../../../../models";
-import { BlockTitleSettingsStore, DirectionRuleStore, MultilingualStore } from "../../../../../stores";
-import { IBlockTitleComponent } from "./IBlockTitle";
-import { BlockInstance } from "../../../../BlockInstance";
-export declare class BlockTitleComponent extends VueComponentBase implements IWebComponentInstance, IBlockTitleComponent {
-    title: string;
-    multilingualtitle: string | MultilingualString;
-    settingsKey: any;
-    alternativeContent?: JSX.Element;
-    multilingualStore: MultilingualStore;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    blockInstance: BlockInstance;
-    directionStore: DirectionRuleStore;
-    private model;
-    mounted(): void;
-    onSectionUpdated(): void;
-    getFormatedTitleStringValue(title: string): string;
-    getFormattedTitleString(): string;
-    getTextAlignment(): TextAlignment;
-    renderBlockIcon(): JSX.Element;
-    render(): JSX.Element;
-}
+import { MultilingualString } from "../../../../../models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+            colors?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "alternative-content": {
+                type: import("vue").PropType<JSX.Element>;
+            };
+            alternativeContent: {
+                type: import("vue").PropType<JSX.Element>;
+            };
+            "settings-key": {
+                type: import("vue").PropType<any>;
+            };
+            settingsKey: {
+                type: import("vue").PropType<any>;
+            };
+            multilingualtitle: {
+                type: import("vue").PropType<string | MultilingualString>;
+            } & {
+                type: import("vue").PropType<string | MultilingualString>;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "alternative-content": {
+                type: import("vue").PropType<JSX.Element>;
+            };
+            alternativeContent: {
+                type: import("vue").PropType<JSX.Element>;
+            };
+            "settings-key": {
+                type: import("vue").PropType<any>;
+            };
+            settingsKey: {
+                type: import("vue").PropType<any>;
+            };
+            multilingualtitle: {
+                type: import("vue").PropType<string | MultilingualString>;
+            } & {
+                type: import("vue").PropType<string | MultilingualString>;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            colorSchemaType?: any;
+            colors?: any;
+        }, {}, 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<{
+        "alternative-content": {
+            type: import("vue").PropType<JSX.Element>;
+        };
+        alternativeContent: {
+            type: import("vue").PropType<JSX.Element>;
+        };
+        "settings-key": {
+            type: import("vue").PropType<any>;
+        };
+        settingsKey: {
+            type: import("vue").PropType<any>;
+        };
+        multilingualtitle: {
+            type: import("vue").PropType<string | MultilingualString>;
+        } & {
+            type: import("vue").PropType<string | MultilingualString>;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "alternative-content": {
+        type: import("vue").PropType<JSX.Element>;
+    };
+    alternativeContent: {
+        type: import("vue").PropType<JSX.Element>;
+    };
+    "settings-key": {
+        type: import("vue").PropType<any>;
+    };
+    settingsKey: {
+        type: import("vue").PropType<any>;
+    };
+    multilingualtitle: {
+        type: import("vue").PropType<string | MultilingualString>;
+    } & {
+        type: import("vue").PropType<string | MultilingualString>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container?: any;
+    colorSchemaType?: any;
+    colors?: any;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    } & {
+        title?: string;
+        alternativeContent?: JSX.Element;
+        settingsKey?: any;
+        multilingualtitle?: string | MultilingualString;
+        "settings-key"?: any;
+        "alternative-content"?: JSX.Element;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitleSettings.css.d.ts

@@ -1,4 +1,3 @@
 export declare const BlockTitleSettingsStyles: {
     blockTitlePositioner: string;
-    tabBackground: string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitleSettings.d.ts

@@ -4,10 +4,6 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            "hide-shape-divider": {
-                type: import("vue").PropType<boolean>;
-                required: false;
-            };
             hideShapeDivider: {
                 type: import("vue").PropType<boolean>;
                 required: false;
@@ -15,9 +11,6 @@ declare const _default: {
             hideicontab: {
                 type: import("vue").PropType<boolean>;
                 required: false;
-            } & {
-                type: import("vue").PropType<boolean>;
-                required: false;
             };
             settingskey: {
                 type: import("vue").PropType<string>;
@@ -44,10 +37,6 @@ declare const _default: {
         $emit: (event: "SettingsChanged", settings: BlockTitleSettings) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            "hide-shape-divider": {
-                type: import("vue").PropType<boolean>;
-                required: false;
-            };
             hideShapeDivider: {
                 type: import("vue").PropType<boolean>;
                 required: false;
@@ -55,9 +44,6 @@ declare const _default: {
             hideicontab: {
                 type: import("vue").PropType<boolean>;
                 required: false;
-            } & {
-                type: import("vue").PropType<boolean>;
-                required: false;
             };
             settingskey: {
                 type: import("vue").PropType<string>;
@@ -92,10 +78,6 @@ 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<{
-        "hide-shape-divider": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
         hideShapeDivider: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -103,9 +85,6 @@ declare const _default: {
         hideicontab: {
             type: import("vue").PropType<boolean>;
             required: false;
-        } & {
-            type: import("vue").PropType<boolean>;
-            required: false;
         };
         settingskey: {
             type: import("vue").PropType<string>;
@@ -122,10 +101,6 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "hide-shape-divider": {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
     hideShapeDivider: {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -133,9 +108,6 @@ declare const _default: {
     hideicontab: {
         type: import("vue").PropType<boolean>;
         required: false;
-    } & {
-        type: import("vue").PropType<boolean>;
-        required: false;
     };
     settingskey: {
         type: import("vue").PropType<string>;
@@ -156,7 +128,6 @@ declare const _default: {
     } & {
         hideicontab?: boolean;
         hideShapeDivider?: boolean;
-        "hide-shape-divider"?: boolean;
     }> & {
         onSettingsChanged?: (...args: never) => any;
     };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/canvas/Spacing.d.ts

@@ -1,15 +1,77 @@
-import { VueComponentBase } from "../../../..";
-export interface SpacingCanvasProps {
-    canvasId: string;
-}
-export declare class SpacingCanvas extends VueComponentBase<SpacingCanvasProps> {
-    private omniaUxLoc;
-    canvasId: string;
-    private canvas;
-    private model;
-    created(): void;
-    mounted(): void;
-    private waitForLayoutEditor;
-    private onChangeSpacing;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "canvas-id": {
+                type: import("vue").PropType<string>;
+            };
+            canvasId: {
+                type: import("vue").PropType<string>;
+            };
+        }>> & 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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "canvas-id": {
+                type: import("vue").PropType<string>;
+            };
+            canvasId: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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<{
+        "canvas-id": {
+            type: import("vue").PropType<string>;
+        };
+        canvasId: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "canvas-id": {
+        type: import("vue").PropType<string>;
+    };
+    canvasId: {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        canvasId?: string;
+        "canvas-id"?: string;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/imagebackgroundsettings/ImageBackgroundSettings.d.ts

@@ -1,21 +1,104 @@
 import { BackgroundSettings } from "@omnia/fx-models";
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IImageBackgroundSettingsComponent } from "./IImageBackgroundSettings";
-export declare class ImageBackgroundSettingsComponent extends VueComponentBase implements IImageBackgroundSettingsComponent {
-    backgroundSettings: BackgroundSettings;
-    hideScrollBehavior?: boolean;
-    private omniaLoc;
-    private vm;
-    /**Watch for fixed width changes */
-    onBackgroundSettingsChanged(): void;
-    created(): void;
-    mounted(): void;
-    private onCustomBgSizeChanged;
-    private onBgSizeChanged;
-    private onPositionChanged;
-    private onRepeatChanged;
-    private onAttachmentChanged;
-    private onOpacityChanged;
-    private onBlurValueChanged;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "hide-scroll-behavior": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideScrollBehavior: {
+                type: import("vue").PropType<boolean>;
+            };
+            "background-settings": {
+                type: import("vue").PropType<BackgroundSettings>;
+            };
+            backgroundSettings: {
+                type: import("vue").PropType<BackgroundSettings>;
+            };
+        }>> & 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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "hide-scroll-behavior": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideScrollBehavior: {
+                type: import("vue").PropType<boolean>;
+            };
+            "background-settings": {
+                type: import("vue").PropType<BackgroundSettings>;
+            };
+            backgroundSettings: {
+                type: import("vue").PropType<BackgroundSettings>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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<{
+        "hide-scroll-behavior": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideScrollBehavior: {
+            type: import("vue").PropType<boolean>;
+        };
+        "background-settings": {
+            type: import("vue").PropType<BackgroundSettings>;
+        };
+        backgroundSettings: {
+            type: import("vue").PropType<BackgroundSettings>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "hide-scroll-behavior": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideScrollBehavior: {
+        type: import("vue").PropType<boolean>;
+    };
+    "background-settings": {
+        type: import("vue").PropType<BackgroundSettings>;
+    };
+    backgroundSettings: {
+        type: import("vue").PropType<BackgroundSettings>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        hideScrollBehavior?: boolean;
+        backgroundSettings?: BackgroundSettings;
+        "background-settings"?: BackgroundSettings;
+        "hide-scroll-behavior"?: boolean;
+    }>;
+};
+export default _default;