@omnia/fx 8.0.12-vnext → 8.0.15-vnext

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

@@ -1,6 +1,6 @@
-import { OmniaUxLocalization, VueComponentBase } from "../../..";
-import { BackgroundSettings } from "../../../../../fx/models";
+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;
@@ -13,6 +13,7 @@ export declare class BackgroundSettingsComponent extends VueComponentBase implem
     private vm;
     private advancedModeState;
     private isAdvancedModeExpanded;
+    private icons;
     created(): void;
     mounted(): void;
     /**Watch for fixed width changes */

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/{IBackgroundSettings.d.ts → backgroundsettings/IBackgroundSettings.d.ts}

@@ -1,5 +1,5 @@
-import { TsxAllowUnknowProperties } from "../../..";
-import { BackgroundSettings } from "../../../../models";
+import { BackgroundSettings } from "@omnia/fx-models";
+import { TsxAllowUnknowProperties } from "@omnia/fx/ux";
 export interface IBackgroundSettingsComponent {
     settings: BackgroundSettings;
     forceDark?: boolean;

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

@@ -8,6 +8,7 @@ export default class SpacingItem extends VueComponentBase {
     private omniaUxLoc;
     private item;
     private settings;
+    private spacingSetting;
     private model;
     mounted(): void;
     created(): void;

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

@@ -1,48 +1,261 @@
-import { VueComponentBase } from "../../../..";
-import { IBlockTitleSettingsComponent } from "./IBlockTitleSettings";
-import { BlockTitleSettings, SpacingSettings } from "../../../../../models";
-import { MultilingualStore, BlockTitleSettingsStore, BlockTitleGlobalSettingsStore, DirectionRuleStore } from "../../../../../stores";
-export declare class BlockTitleSettingsComponent extends VueComponentBase implements IBlockTitleSettingsComponent {
-    onSettingsChanged?: (settings: BlockTitleSettings) => void;
-    componentMode: boolean;
-    settingskey: string;
-    hideicontab: boolean;
-    hideShapeDivider: boolean;
-    multilingualStore: MultilingualStore;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    blockTitleGlobalSettingsStore: BlockTitleGlobalSettingsStore;
-    directionRuleStore: DirectionRuleStore;
-    private loc;
-    title: string;
-    private darkColor;
-    private isRightToLeft;
-    private reboundTheModel;
-    private model;
-    private iconSizes;
-    private iconPosition;
-    private separatorPositions;
-    private saving;
-    mounted(): void;
-    private loadSettings;
-    private migrateOldSettings;
-    onSettingsKeyChange(val: any, oldVal: any): void;
-    onSaveGlobalSettings(): void;
-    getActiveTextColorOnComponent(): "#000000" | "#ffffff";
-    /**
-   * Eventhandler for block padding
-   * @param setting
-   */
-    onBlockPaddingChanged(setting: SpacingSettings): void;
-    onValueChanges(): void;
-    hideCustomSettings(): boolean;
-    hideForm(): boolean;
-    renderGlobalLocal(): JSX.Element;
-    renderGeneralPanel(): JSX.Element;
-    renderTextSettingsPanel(): JSX.Element;
-    renderSeparatorPanel(): JSX.Element;
-    renderPreview(): JSX.Element[];
-    renderIconTitleSettings(): JSX.Element;
-    renderAdminView(): JSX.Element;
-    renderTabs(): JSX.Element;
-    render(): JSX.Element;
-}
+import { BlockTitleSettings } from "@omnia/fx-models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            "hide-shape-divider": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            hideShapeDivider: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            hideicontab: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            settingskey: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            "component-mode": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            componentMode: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+        }>> & {
+            onSettingsChanged?: (...args: never) => 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: "SettingsChanged", settings: BlockTitleSettings) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            "hide-shape-divider": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            hideShapeDivider: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            hideicontab: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            settingskey: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            "component-mode": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            componentMode: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+        }>> & {
+            onSettingsChanged?: (...args: never) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            SettingsChanged: (settings: BlockTitleSettings) => boolean;
+        }, 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<{
+        title: {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        } & {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        };
+        "hide-shape-divider": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        hideShapeDivider: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        hideicontab: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        settingskey: {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        } & {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        };
+        "component-mode": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        componentMode: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+    }>> & {
+        onSettingsChanged?: (...args: never) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    } & {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    };
+    "hide-shape-divider": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    hideShapeDivider: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    hideicontab: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    settingskey: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    } & {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    };
+    "component-mode": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    componentMode: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+}>> & {
+    onSettingsChanged?: (...args: never) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    SettingsChanged: (settings: BlockTitleSettings) => boolean;
+}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        title?: string;
+        componentMode?: boolean;
+        "component-mode"?: boolean;
+        settingskey?: string;
+        hideicontab?: boolean;
+        hideShapeDivider?: boolean;
+        "hide-shape-divider"?: boolean;
+    }> & {
+        onSettingsChanged?: (...args: never) => any;
+    };
+};
+export default _default;

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

@@ -8,6 +8,7 @@ export declare class BreakPointSectionSettingsComponent extends VueComponentBase
     private activatedControls;
     private currentSectionSettings;
     private defaultSectionSettings;
+    private currentMargins;
     mounted(): void;
     beforeDestroy(): void;
     onDeviceBreakPointSelectionChanged(): void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/{IImageBackgroundSettings.d.ts → imagebackgroundsettings/IImageBackgroundSettings.d.ts}

@@ -1,5 +1,5 @@
-import { TsxAllowUnknowProperties } from "../../..";
-import { BackgroundSettings } from "../../../../models";
+import { BackgroundSettings } from "@omnia/fx-models";
+import { TsxAllowUnknowProperties } from "@omnia/fx/ux";
 export interface IImageBackgroundSettingsComponent {
     backgroundSettings: BackgroundSettings;
     hideScrollBehavior?: boolean;

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

@@ -1,5 +1,5 @@
-import { VueComponentBase } from "../../..";
-import { BackgroundSettings } from "../../../../../fx/models";
+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;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/{LayoutClipboard.css.d.ts → layoutclipboard/LayoutClipboard.css.d.ts}

@@ -2,7 +2,7 @@ export declare const ClipboardStyles: {
     contentWrapper: string;
     header: (dark: boolean) => string;
     selectionText: string;
-    card: (dark: boolean, customBgColor: string) => string;
+    card: string;
     toolbarWrapper: (dark: boolean) => string;
     wrapper: string;
     editor: string;

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

@@ -0,0 +1,46 @@
+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/section/Spacing.d.ts

@@ -4,6 +4,9 @@ export default class SpacingSectionItem extends VueComponentBase {
     editorStore: LayoutCanvasStore;
     private subscriptionHandler;
     private omniaUxLoc;
+    private blockSpacing;
+    private marginSection;
+    private columnSpacing;
     private section;
     private model;
     mounted(): void;

package/internal-do-not-import-from-here/ux/layoutcanvas/index.d.ts

@@ -2,9 +2,8 @@ export * from "./factories";
 export * from "./rules";
 export * from "./shared";
 export * from "./stores";
-export * from "./editor/settings/blocktitle/IBlockTitleSettings";
-export * from "./editor/settings/IImageBackgroundSettings";
-export * from "./editor/settings/IBackgroundSettings";
+export * from "./editor/settings/imagebackgroundsettings/IImageBackgroundSettings";
+export * from "./editor/settings/backgroundsettings/IBackgroundSettings";
 export * from "./editor/settings/blocktitle/IBlockTitle";
 export * from "./editor/blockplaceholder/IBlockPlaceholder";
 import "./apis/Registration";

package/internal-do-not-import-from-here/ux/models/AdminChromeStyles.d.ts

@@ -2,7 +2,7 @@ import { Breakpoint } from "./../../models/Layout";
 import { types } from "typestyle";
 export declare const AdminChromeStyles: {
     container?: types.NestedCSSProperties;
-    content?: (background: string, lockContentArea: boolean, hideAppBar: boolean) => types.NestedCSSProperties;
+    content?: (lockContentArea: boolean, hideAppBar: boolean) => types.NestedCSSProperties;
     menuContent?: types.NestedCSSProperties;
     adminContentContainer?: (breakpoint: Breakpoint) => types.NestedCSSProperties;
     appWrapper?: types.NestedCSSProperties;
@@ -14,6 +14,5 @@ export declare const AdminChromeStyles: {
     appBar?: types.NestedCSSProperties;
     headerIcon: types.NestedCSSProperties;
     toolbarTitle: types.NestedCSSProperties;
-    listItemBg?: (isSelected: boolean) => types.NestedCSSProperties;
     textOverflow?: types.NestedCSSProperties;
 };

package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.css.d.ts

@@ -1,4 +1,6 @@
+import { ColorDefinition } from "../../velcron/core";
 export declare const AppbarStyles: {
     templateTitle: string;
     content: string;
+    navigation: (color: ColorDefinition) => string;
 };