@omnia/fx 8.0.19-vnext → 8.0.21-vnext

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

@@ -4,48 +4,35 @@ declare const _default: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            container?: any;
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             small: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             } & {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "post-insert": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             postInsert: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "sibling-id": {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             };
             siblingId: {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             };
-            container: {
+            "parent-container": {
                 type: import("vue").PropType<LayoutItem>;
-                required: boolean;
-                default?: LayoutItem;
-            } & {
+            };
+            parentContainer: {
                 type: import("vue").PropType<LayoutItem>;
-                required: boolean;
-                default?: LayoutItem;
             };
             colorSchemaType?: any;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "colorSchemaType">;
+            container?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -62,44 +49,31 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             small: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             } & {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "post-insert": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             postInsert: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "sibling-id": {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             };
             siblingId: {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             };
-            container: {
+            "parent-container": {
                 type: import("vue").PropType<LayoutItem>;
-                required: boolean;
-                default?: LayoutItem;
-            } & {
+            };
+            parentContainer: {
                 type: import("vue").PropType<LayoutItem>;
-                required: boolean;
-                default?: LayoutItem;
             };
             colorSchemaType?: any;
+            container?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
             colorSchemaType?: any;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -124,43 +98,29 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         small: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         } & {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         "post-insert": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         postInsert: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         "sibling-id": {
             type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
         };
         siblingId: {
             type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
         };
-        container: {
+        "parent-container": {
             type: import("vue").PropType<LayoutItem>;
-            required: boolean;
-            default?: LayoutItem;
-        } & {
+        };
+        parentContainer: {
             type: import("vue").PropType<LayoutItem>;
-            required: boolean;
-            default?: LayoutItem;
         };
         colorSchemaType?: any;
+        container?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -168,54 +128,43 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     small: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     } & {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     "post-insert": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     postInsert: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     "sibling-id": {
         type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
     };
     siblingId: {
         type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
     };
-    container: {
+    "parent-container": {
         type: import("vue").PropType<LayoutItem>;
-        required: boolean;
-        default?: LayoutItem;
-    } & {
+    };
+    parentContainer: {
         type: import("vue").PropType<LayoutItem>;
-        required: boolean;
-        default?: LayoutItem;
     };
     colorSchemaType?: any;
+    container?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container?: any;
     colorSchemaType?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
+        container?: any;
         colorSchemaType?: any;
     } & {
         small?: boolean;
-        container?: LayoutItem;
+        parentContainer?: LayoutItem;
+        "parent-container"?: LayoutItem;
         siblingId?: string;
-        postInsert?: boolean;
         "sibling-id"?: string;
+        postInsert?: boolean;
         "post-insert"?: boolean;
     }>;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts

@@ -1,52 +1,151 @@
-import { ClipboardStore } from "@omnia/fx/stores";
-import { ColorSchemaStore, VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
-import { LayoutCanvasStore } from "../..";
-import { LayoutItem } from "../../../../models";
-export interface ActionToolbarProps extends VueComponentBaseProps {
-    item: LayoutItem;
-    parentContainer: LayoutItem;
-    verticalMenu?: boolean;
-    useTheme?: boolean;
-}
-export interface ActionToolbarEvents {
-}
-export declare class LayoutItemActionToolbar extends VueComponentBase<ActionToolbarProps, ActionToolbarEvents> {
-    layoutEditorStore: LayoutCanvasStore;
-    clipboardStore: ClipboardStore;
-    colorSchemaStore: ColorSchemaStore;
-    private omniaUxLoc;
-    item: LayoutItem;
-    parentContainer: LayoutItem;
-    verticalMenu?: boolean;
-    dark?: boolean;
-    useTheme?: boolean;
-    private editorTheme;
-    private model;
-    created(): void;
-    mounted(): void;
-    /**
-     * Eventhandler for deleting the item
-     * */
-    private onDeleteItem;
-    /**
-     * Evenhandler to show toggle action mode
-     * @param e
-     */
-    private onToggleNodeAction;
-    private toggleOverrideSettings;
-    /**
-     * Evenhandler to show section settings
-     * @param e
-     */
-    private onShowSettings;
-    private renderSettingsButton;
-    private renderDeleteButton;
-    private renderCopyButton;
-    private renderMoveButton;
-    private renderDeviceSettingsButton;
-    private renderLockButton;
-    private renderSectionButtons;
-    private renderBlockButtons;
-    private renderBreakPointDialog;
-    render(): JSX.Element;
-}
+import { LayoutItem } from "@omnia/fx/models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "use-theme": {
+                type: import("vue").PropType<boolean>;
+            };
+            useTheme: {
+                type: import("vue").PropType<boolean>;
+            };
+            "vertical-menu": {
+                type: import("vue").PropType<boolean>;
+            };
+            verticalMenu: {
+                type: import("vue").PropType<boolean>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            item: {
+                type: import("vue").PropType<LayoutItem>;
+            } & {
+                type: import("vue").PropType<LayoutItem>;
+            };
+        }>> & 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<{
+            "use-theme": {
+                type: import("vue").PropType<boolean>;
+            };
+            useTheme: {
+                type: import("vue").PropType<boolean>;
+            };
+            "vertical-menu": {
+                type: import("vue").PropType<boolean>;
+            };
+            verticalMenu: {
+                type: import("vue").PropType<boolean>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            item: {
+                type: import("vue").PropType<LayoutItem>;
+            } & {
+                type: import("vue").PropType<LayoutItem>;
+            };
+        }>>, () => 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<{
+        "use-theme": {
+            type: import("vue").PropType<boolean>;
+        };
+        useTheme: {
+            type: import("vue").PropType<boolean>;
+        };
+        "vertical-menu": {
+            type: import("vue").PropType<boolean>;
+        };
+        verticalMenu: {
+            type: import("vue").PropType<boolean>;
+        };
+        "parent-container": {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        parentContainer: {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        item: {
+            type: import("vue").PropType<LayoutItem>;
+        } & {
+            type: import("vue").PropType<LayoutItem>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "use-theme": {
+        type: import("vue").PropType<boolean>;
+    };
+    useTheme: {
+        type: import("vue").PropType<boolean>;
+    };
+    "vertical-menu": {
+        type: import("vue").PropType<boolean>;
+    };
+    verticalMenu: {
+        type: import("vue").PropType<boolean>;
+    };
+    "parent-container": {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    parentContainer: {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    item: {
+        type: import("vue").PropType<LayoutItem>;
+    } & {
+        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<{} & {
+        item?: LayoutItem;
+        parentContainer?: LayoutItem;
+        "parent-container"?: LayoutItem;
+        verticalMenu?: boolean;
+        "vertical-menu"?: boolean;
+        useTheme?: boolean;
+        "use-theme"?: boolean;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar_old.d.ts

@@ -0,0 +1,51 @@
+import { ClipboardStore } from "@omnia/fx/stores";
+import { VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
+import { LayoutCanvasStore } from "../..";
+import { LayoutItem } from "../../../../models";
+export interface ActionToolbarProps extends VueComponentBaseProps {
+    item: LayoutItem;
+    parentContainer: LayoutItem;
+    verticalMenu?: boolean;
+    useTheme?: boolean;
+}
+export interface ActionToolbarEvents {
+}
+export declare class LayoutItemActionToolbar extends VueComponentBase<ActionToolbarProps, ActionToolbarEvents> {
+    layoutEditorStore: LayoutCanvasStore;
+    clipboardStore: ClipboardStore;
+    private omniaUxLoc;
+    item: LayoutItem;
+    parentContainer: LayoutItem;
+    verticalMenu?: boolean;
+    dark?: boolean;
+    useTheme?: boolean;
+    private editorTheme;
+    private model;
+    created(): void;
+    mounted(): void;
+    /**
+     * Eventhandler for deleting the item
+     * */
+    private onDeleteItem;
+    /**
+     * Evenhandler to show toggle action mode
+     * @param e
+     */
+    private onToggleNodeAction;
+    private toggleOverrideSettings;
+    /**
+     * Evenhandler to show section settings
+     * @param e
+     */
+    private onShowSettings;
+    private renderSettingsButton;
+    private renderDeleteButton;
+    private renderCopyButton;
+    private renderMoveButton;
+    private renderDeviceSettingsButton;
+    private renderLockButton;
+    private renderSectionButtons;
+    private renderBlockButtons;
+    private renderBreakPointDialog;
+    render(): JSX.Element;
+}

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

@@ -1,15 +1,15 @@
-import { BlockLayoutSettings, ColorSchema, SectionSettings } from "../../../../models";
-import { ITheming } from "../../..";
+import { BlockLayoutSettings, ColorDefinition, SectionSettings } from "../../../../models";
+import { useColorSchemaStore } from "../../..";
 /**
  * Styles for the LayoutColumnStyles component
  */
 export declare const LayoutBlockStyles: {
     contentMode: {};
     layoutMode: {
-        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, theme: ITheming) => string;
+        container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, colors: ReturnType<typeof useColorSchemaStore>) => string;
         general: string;
         blockPadding: (blockSettings: BlockLayoutSettings) => string;
-        selectedMarkup: (colorSchema: ColorSchema, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
+        selectedMarkup: (baseColor: ColorDefinition, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
         toolbar: string;
         positionItemSelectorOnBorderTop: string;
         positionItemSelectorOnBorderBottom: string;