@omnia/fx 8.0.21-vnext → 8.0.23-vnext

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

@@ -1,32 +1,76 @@
-import { Section, TabbedIconPositions, HorizontalAlignments } from "../../../../models";
-import { LayoutCanvasStore } from "../..";
-import { VueComponentBase } from "../../..";
+import { Section } from "../../../../models";
 export interface TabsSettingsProps {
     section: Section;
 }
-export declare class TabsSettingsStylePanel extends VueComponentBase<TabsSettingsProps> {
-    section: Section;
-    editorStore: LayoutCanvasStore;
-    private omniaUxLoc;
-    /**
-    * Eventhandler for setting the chrome value
-    * @param value
-    */
-    /**
-     * Event handler for setting the alignment
-     * @param alignment
-     */
-    onSetAlignment(alignment: HorizontalAlignments): void;
-    /**
-     * Event handler for setting the alignment
-     * @param alignment
-     */
-    onSetIconAlignment(iconPositions: TabbedIconPositions): void;
-    renderAlignment(): JSX.Element;
-    renderIconAlignment(): JSX.Element;
-    renderAccordionSettings(): JSX.Element;
-    renderCustomSize(): JSX.Element;
-    renderColorPanel(): JSX.Element;
-    renderGeneralPanel(): JSX.Element;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            section: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            } & {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            };
+        }>> & 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<{
+            section: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            } & {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            };
+        }>>, () => 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<{
+        section: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        } & {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    section: {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+    } & {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        section?: Section<import("@omnia/fx-models").SectionSettings>;
+    }>;
+};
+export default _default;

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

@@ -5,10 +5,12 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             colorSchemaType?: any;
             container?: any;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -25,9 +27,11 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             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)[];
@@ -51,6 +55,7 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -58,13 +63,16 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     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;
     } & {}>;
 };
 export default _default;

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;