@omnia/fx 8.0.21-vnext → 8.0.23-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts

@@ -6,7 +6,13 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            toned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             small: {
                 type: import("vue").PropType<boolean>;
             } & {
@@ -32,7 +38,8 @@ declare const _default: {
             };
             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;
         };
@@ -47,6 +54,11 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            toned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             small: {
                 type: import("vue").PropType<boolean>;
             } & {
@@ -72,9 +84,11 @@ declare const _default: {
             };
             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)[];
@@ -96,6 +110,11 @@ 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<{
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         small: {
             type: import("vue").PropType<boolean>;
         } & {
@@ -121,11 +140,17 @@ declare const _default: {
         };
         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<{
+    toned: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     small: {
         type: import("vue").PropType<boolean>;
     } & {
@@ -151,15 +176,19 @@ declare const _default: {
     };
     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;
     } & {
         small?: boolean;
+        toned?: boolean;
         parentContainer?: LayoutItem;
         "parent-container"?: LayoutItem;
         siblingId?: string;

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

@@ -13,6 +13,7 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "theme-target-id": {
                 type: import("vue").PropType<string>;
@@ -43,7 +44,8 @@ declare const _default: {
             };
             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;
         };
@@ -87,9 +89,11 @@ declare const _default: {
             };
             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)[];
@@ -140,6 +144,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -174,13 +179,16 @@ declare const _default: {
     };
     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;
     } & {
         block?: Block;
         themeTargetId?: string;

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

@@ -0,0 +1,131 @@
+import { Block, ColorSchemaTypes } from "@omnia/fx-models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "block-color-schema-type": {
+                type: import("vue").PropType<ColorSchemaTypes>;
+            };
+            blockColorSchemaType: {
+                type: import("vue").PropType<ColorSchemaTypes>;
+            };
+            "theme-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeId: {
+                type: import("vue").PropType<string>;
+            };
+            block: {
+                type: import("vue").PropType<Block>;
+            } & {
+                type: import("vue").PropType<Block>;
+            };
+        }>> & 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<{
+            "block-color-schema-type": {
+                type: import("vue").PropType<ColorSchemaTypes>;
+            };
+            blockColorSchemaType: {
+                type: import("vue").PropType<ColorSchemaTypes>;
+            };
+            "theme-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeId: {
+                type: import("vue").PropType<string>;
+            };
+            block: {
+                type: import("vue").PropType<Block>;
+            } & {
+                type: import("vue").PropType<Block>;
+            };
+        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, 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<{
+        "block-color-schema-type": {
+            type: import("vue").PropType<ColorSchemaTypes>;
+        };
+        blockColorSchemaType: {
+            type: import("vue").PropType<ColorSchemaTypes>;
+        };
+        "theme-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeId: {
+            type: import("vue").PropType<string>;
+        };
+        block: {
+            type: import("vue").PropType<Block>;
+        } & {
+            type: import("vue").PropType<Block>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "block-color-schema-type": {
+        type: import("vue").PropType<ColorSchemaTypes>;
+    };
+    blockColorSchemaType: {
+        type: import("vue").PropType<ColorSchemaTypes>;
+    };
+    "theme-id": {
+        type: import("vue").PropType<string>;
+    };
+    themeId: {
+        type: import("vue").PropType<string>;
+    };
+    block: {
+        type: import("vue").PropType<Block>;
+    } & {
+        type: import("vue").PropType<Block>;
+    };
+}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        block?: Block;
+        themeId?: string;
+        "theme-id"?: string;
+        blockColorSchemaType?: ColorSchemaTypes;
+        "block-color-schema-type"?: ColorSchemaTypes;
+    }>;
+};
+export default _default;

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

@@ -6,6 +6,7 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "theme-target-id": {
                 type: import("vue").PropType<string>;
@@ -43,7 +44,8 @@ declare const _default: {
             };
             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;
         };
@@ -94,9 +96,11 @@ declare const _default: {
             };
             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)[];
@@ -154,6 +158,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -195,13 +200,16 @@ declare const _default: {
     };
     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;

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

@@ -13,6 +13,7 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "tab-state": {
                 type: import("vue").PropType<object>;
@@ -45,7 +46,8 @@ declare const _default: {
             };
             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;
         };
@@ -91,9 +93,11 @@ declare const _default: {
             };
             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)[];
@@ -146,6 +150,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -182,13 +187,16 @@ declare const _default: {
     };
     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;

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/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;
+}