@omnia/fx 8.0.20-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts

@@ -3,7 +3,11 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+            colors?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "theme-target-id": {
                 type: import("vue").PropType<string>;
             };
@@ -38,7 +42,10 @@ declare const _default: {
             } & {
                 type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -87,7 +94,14 @@ declare const _default: {
             } & {
                 type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
             };
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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)[];
@@ -142,6 +156,9 @@ declare const _default: {
         } & {
             type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -181,17 +198,28 @@ declare const _default: {
     } & {
         type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {
+    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;
+    } & {
         column?: SectionItem<ColumnedSectionItemSettings>;
         themeTargetId?: string;
         "theme-target-id"?: string;
         settings?: SectionSettings;
         layoutId?: string;
-        useScrollMargingFix?: boolean;
-        tabState?: object;
         "layout-id"?: string;
+        useScrollMargingFix?: boolean;
         "use-scroll-marging-fix"?: boolean;
+        tabState?: object;
         "tab-state"?: object;
     }>;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.css.d.ts

@@ -1,4 +1,4 @@
-import { ColorSchema } from "@omnia/fx-models";
+import { ColorDefinition } from "@omnia/fx-models";
 /**
  * Styles for the LayoutColumnStyles component
  */
@@ -6,10 +6,10 @@ export declare const LayoutSectionStyles: {
     layoutMode: {
         selectedPadding: string;
         regularPadding: string;
-        selectorContainer: (colorSchema: ColorSchema, isSelected: any) => string;
+        selectorContainer: (baseColor: ColorDefinition, isSelected: any) => string;
         topLevelSpacing: string;
         showhideTransition: (show: any) => string;
-        toolbar: (colorSchema: ColorSchema) => string;
+        toolbar: (baseColor: ColorDefinition) => string;
         removeScrollMargin: string;
         positionItemSelectorOnBorderTop: string;
         positionItemSelectorOnBorderTopCorrection: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts

@@ -10,7 +10,11 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+            colors?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "tab-state": {
                 type: import("vue").PropType<object>;
             };
@@ -40,7 +44,10 @@ declare const _default: {
             parentContainer: {
                 type: import("vue").PropType<LayoutItem>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            colorSchemaType?: any;
+            container?: any;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -84,7 +91,14 @@ declare const _default: {
             parentContainer: {
                 type: import("vue").PropType<LayoutItem>;
             };
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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)[];
@@ -134,6 +148,9 @@ declare const _default: {
         parentContainer: {
             type: import("vue").PropType<LayoutItem>;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -168,16 +185,27 @@ declare const _default: {
     parentContainer: {
         type: import("vue").PropType<LayoutItem>;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {
+    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;
+    } & {
         section?: Section<import("@omnia/fx-models").SectionSettings>;
         parentContainer?: LayoutItem;
-        layoutId?: string;
-        useScrollMargingFix?: boolean;
         "parent-container"?: LayoutItem;
-        tabState?: object;
+        layoutId?: string;
         "layout-id"?: string;
+        useScrollMargingFix?: boolean;
         "use-scroll-marging-fix"?: boolean;
+        tabState?: object;
         "tab-state"?: object;
     }>;
 };

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

@@ -1,39 +1,46 @@
-import { ReactiveLayoutItemSettings } from "@omnia/fx/models";
-import { VueComponentBaseProps, VueComponentBase, ThemeStore } from "../../..";
-import { SettingsService } from "../../../../services";
-import { LayoutCanvasStore, BlockCatalogStore } from "../../";
-import { BlockTitleSettingsStore } from "../../../../stores";
-import { BlockInstance } from "../../../../ux/BlockInstance";
-export interface BlockSettingsProps extends VueComponentBaseProps {
-}
-export interface BlockSettingsEvents {
-}
-export declare class BlockSettingsPanel extends VueComponentBase<BlockSettingsProps, BlockSettingsEvents> {
-    themeStore: ThemeStore;
-    protected settingsService: SettingsService<any>;
-    editorStore: LayoutCanvasStore;
-    layoutItemStore: BlockCatalogStore;
-    private colorSchemaStore;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    private subscriptionHandler;
-    blockInstance: BlockInstance;
-    private ensuredProvideBlockInstance;
-    private slots;
-    private tabs;
-    private block;
-    private blockSettingsComponentIsLoaded;
-    private model;
-    iconSettingsModel: any;
-    created(): void;
-    onSettingsElementUpdated(settings: ReactiveLayoutItemSettings): void;
-    setBlockSettingsComponentLoadingStatus(): void;
-    mounted(): void;
-    private populateData;
-    private ensureProvideBlockInstance;
-    /**
-     * Eventhandler for close events
-     * */
-    private onClose;
-    private createTabControl;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & 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<{}>>, () => JSX.Element, {}, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
+export default _default;

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

@@ -1,6 +1,4 @@
-import { LayoutCanvasStore } from "../../";
 import { RadialGradientShapes } from "../../../../../fx/models";
-import { VueComponentBase } from "../../..";
 export interface ColorValue {
     colors: Array<string>;
 }
@@ -16,28 +14,102 @@ export interface ColorSettingsProps {
     onValueChanged?: (value: ColorValue) => void;
     forceDark?: boolean;
 }
-export declare class ColorSettings extends VueComponentBase<ColorSettingsProps> {
-    valueBind: ColorValue;
-    onValueChanged: (colors: Array<string>) => void;
-    forceDark: boolean;
-    private omniaUxLoc;
-    editorStore: LayoutCanvasStore;
-    private colorMode;
-    private setMode;
-    private isLinearGradient;
-    private isRadialGradient;
-    private hasOneColorOnly;
-    private hasColor;
-    private onColorChanged;
-    private addColor;
-    private removeColor;
-    private deleteLinearGradientProps;
-    private deleteRadialGradientProps;
-    private changeGradientMode;
-    private emitChange;
-    private randomHex;
-    private randomColors;
-    private renderColorPicker;
-    renderGradientSettings(): JSX.Element;
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "v-model": {
+                type: import("vue").PropType<ColorValue>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<ColorValue>;
+                required: false;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: ColorValue) => 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: ColorValue) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "v-model": {
+                type: import("vue").PropType<ColorValue>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<ColorValue>;
+                required: false;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: ColorValue) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: ColorValue) => true;
+        }, 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<{
+        "v-model": {
+            type: import("vue").PropType<ColorValue>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<ColorValue>;
+            required: false;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: ColorValue) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-model": {
+        type: import("vue").PropType<ColorValue>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<ColorValue>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: ColorValue) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ColorValue) => true;
+}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        "v-model"?: ColorValue;
+        modelValue?: ColorValue;
+    }> & {
+        "onUpdate:modelValue"?: (value: ColorValue) => any;
+    };
+};
+export default _default;

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

@@ -41,6 +41,6 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {}>; /**Default when nothing is selected is layout */
+    propsDefinition: Readonly<{} & {}>;
 };
 export default _default;

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

@@ -0,0 +1,32 @@
+import { Section, TabbedIconPositions, HorizontalAlignments } from "../../../../models";
+import { LayoutCanvasStore } from "../..";
+import { VueComponentBase } from "../../..";
+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;
+}

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;