@omnia/fx 8.0.20-vnext → 8.0.22-vnext

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

@@ -1,36 +1,203 @@
-import { VueComponentBase, OmniaUxLocalization } from "@omnia/fx/ux";
-import { IBackgroundSettingsComponent } from "./IBackgroundSettings";
 import { BackgroundSettings } from "@omnia/fx-models";
-export declare class BackgroundSettingsComponent extends VueComponentBase implements IBackgroundSettingsComponent {
-    settings: BackgroundSettings;
-    allowOverflow?: boolean;
-    hideChromeStyling?: boolean;
-    hideBackgroundColor?: boolean;
-    hideAcrylicSettings?: boolean;
-    forceDark?: boolean;
-    private layoutEditorStore;
-    omniaLoc: OmniaUxLocalization;
-    private vm;
-    private advancedModeState;
-    private isAdvancedModeExpanded;
-    private icons;
-    created(): void;
-    mounted(): void;
-    /**Watch for fixed width changes */
-    private onSettingsChanged;
-    private setColorOptions;
-    private onBorderRadiusTopChange;
-    private onBorderRadiusBottomChange;
-    private onOverflowValueChange;
-    private onAcrylicChange;
-    private onElevationChanged;
-    private onColorChanged;
-    private onShapeDividerUpdate;
-    private hasColors;
-    private canShowBackgroundOverflow;
-    private canShowBorderRadius;
-    renderAdvancedSettings(): JSX.Element;
-    private renderColorSettings;
-    renderGeneralSettings(): JSX.Element;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "force-dark": {
+                type: import("vue").PropType<boolean>;
+            };
+            forceDark: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-acrylic-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideAcrylicSettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-background-color": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideBackgroundColor: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-chrome-styling": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideChromeStyling: {
+                type: import("vue").PropType<boolean>;
+            };
+            "allow-overflow": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowOverflow: {
+                type: import("vue").PropType<boolean>;
+            };
+            settings: {
+                type: import("vue").PropType<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<{
+            "force-dark": {
+                type: import("vue").PropType<boolean>;
+            };
+            forceDark: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-acrylic-settings": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideAcrylicSettings: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-background-color": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideBackgroundColor: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-chrome-styling": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideChromeStyling: {
+                type: import("vue").PropType<boolean>;
+            };
+            "allow-overflow": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowOverflow: {
+                type: import("vue").PropType<boolean>;
+            };
+            settings: {
+                type: import("vue").PropType<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<{
+        "force-dark": {
+            type: import("vue").PropType<boolean>;
+        };
+        forceDark: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-acrylic-settings": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideAcrylicSettings: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-background-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideBackgroundColor: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-chrome-styling": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideChromeStyling: {
+            type: import("vue").PropType<boolean>;
+        };
+        "allow-overflow": {
+            type: import("vue").PropType<boolean>;
+        };
+        allowOverflow: {
+            type: import("vue").PropType<boolean>;
+        };
+        settings: {
+            type: import("vue").PropType<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<{
+    "force-dark": {
+        type: import("vue").PropType<boolean>;
+    };
+    forceDark: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-acrylic-settings": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideAcrylicSettings: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-background-color": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideBackgroundColor: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-chrome-styling": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideChromeStyling: {
+        type: import("vue").PropType<boolean>;
+    };
+    "allow-overflow": {
+        type: import("vue").PropType<boolean>;
+    };
+    allowOverflow: {
+        type: import("vue").PropType<boolean>;
+    };
+    settings: {
+        type: import("vue").PropType<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<{} & {
+        settings?: BackgroundSettings;
+        allowOverflow?: boolean;
+        "allow-overflow"?: boolean;
+        hideChromeStyling?: boolean;
+        "hide-chrome-styling"?: boolean;
+        hideBackgroundColor?: boolean;
+        "hide-background-color"?: boolean;
+        hideAcrylicSettings?: boolean;
+        "hide-acrylic-settings"?: boolean;
+        forceDark?: boolean;
+        "force-dark"?: boolean;
+    }>;
+};
+export default _default;