@omnia/fx 8.0.19-vnext → 8.0.21-vnext

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

@@ -1,69 +1,194 @@
-import { VNode } from "vue";
-import { ColorSchemaStore } from "@omnia/fx/ux";
-import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../../";
-import { BlockInstance, LayoutFileContext, LayoutMediaContext, ThemeStore, VueComponentBase, VueComponentBaseProps } from "../../..";
+import { VueComponentBaseProps } from "../../..";
 import { Block, LayoutItem, SectionSettings } from "../../../../models";
-import { MediaPickerService, SettingsService } from "../../../../services";
-import { BlockTitleSettingsStore, FeatureStore, MultilingualStore } from "../../../../stores";
 export interface BlockProps extends VueComponentBaseProps {
     block: Block;
     parentContainer: LayoutItem;
     settings: SectionSettings;
     orphaned?: boolean;
 }
-export declare class LayoutBlock extends VueComponentBase<BlockProps> {
-    block: Block;
-    parentContainer: LayoutItem;
-    settings: SectionSettings;
-    orphaned: boolean;
-    protected settingsService: SettingsService<any>;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    featureStore: FeatureStore;
-    layoutItemStore: BlockCatalogStore;
-    layoutEditorStore: LayoutCanvasStore;
-    layoutMediaContext: LayoutMediaContext;
-    layoutFileContext: LayoutFileContext;
-    themeStore: ThemeStore;
-    mediaPickerService: MediaPickerService;
-    editorStore: LayoutCanvasStore;
-    themingRenditionManager: ThemingRenditionManager;
-    protected multilingualStore: MultilingualStore;
-    private omniaUxLoc;
-    blockInstance: BlockInstance;
-    colorSchemaStore: ColorSchemaStore;
-    private editorTheme;
-    created(): void;
-    mounted(): void;
-    private get backgroundImage();
-    /**
-     * Creates the element
-     * @param h
-     */
-    createNode(): VNode;
-    /**
-     * Event handler when block is selected
-     * @param e
-     */
-    private onBlockSelected;
-    private shouldHideSelectorWhenactiveLayoutItemAction;
-    /**
-    * Renders the border selector
-    * @param h
-    */
-    private renderBorderSelector;
-    /**
-      * Renders the edit mode
-      * @param h
-      */
-    private renderContentMode;
-    /**
-      * Renders the designmode
-      * @param h
-      */
-    private renderLayoutMode;
-    /**
-     * Render
-     * @param h
-     */
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            orphaned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            block: {
+                type: import("vue").PropType<Block>;
+            } & {
+                type: import("vue").PropType<Block>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+        $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<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            orphaned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            "parent-container": {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            parentContainer: {
+                type: import("vue").PropType<LayoutItem>;
+            };
+            block: {
+                type: import("vue").PropType<Block>;
+            } & {
+                type: import("vue").PropType<Block>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, 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<{
+        "theme-target-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+        orphaned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        } & {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        "parent-container": {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        parentContainer: {
+            type: import("vue").PropType<LayoutItem>;
+        };
+        block: {
+            type: import("vue").PropType<Block>;
+        } & {
+            type: import("vue").PropType<Block>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "theme-target-id": {
+        type: import("vue").PropType<string>;
+    };
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+    orphaned: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    settings: {
+        type: import("vue").PropType<SectionSettings>;
+    } & {
+        type: import("vue").PropType<SectionSettings>;
+    };
+    "parent-container": {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    parentContainer: {
+        type: import("vue").PropType<LayoutItem>;
+    };
+    block: {
+        type: import("vue").PropType<Block>;
+    } & {
+        type: import("vue").PropType<Block>;
+    };
+    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;
+    } & {
+        block?: Block;
+        themeTargetId?: string;
+        "theme-target-id"?: string;
+        settings?: SectionSettings;
+        parentContainer?: LayoutItem;
+        "parent-container"?: LayoutItem;
+        orphaned?: boolean;
+    }>;
+};
+export default _default;

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

@@ -1,50 +1,218 @@
-import { ColorSchemaStore } from "@omnia/fx/ux";
-import { LayoutCanvasStore } from "../../";
 import { SectionSettings, SectionItem, ColumnedSectionItemSettings } from "../../../../models";
-import { VueComponentBase } from "../../..";
-import { MediaPickerService } from "../../../../services";
-export interface ColumnProps {
-    column: SectionItem<ColumnedSectionItemSettings>;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-    tabState: object;
-    themeTargetId?: string;
-}
-export declare class LayoutColumn extends VueComponentBase<ColumnProps> {
-    tabState: object;
-    column: SectionItem<ColumnedSectionItemSettings>;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-    editorStore: LayoutCanvasStore;
-    mediaPickerService: MediaPickerService;
-    colorSchemaStore: ColorSchemaStore;
-    created(): void;
-    private get backgroundImage();
-    /**
-    * Function to render the columns
-    * @param h is the hyperscript reference
-    */
-    private renderChildren;
-    /**
-     * Renders the layout selector
-     * @param h
-     */
-    private renderLayoutSelector;
-    /**
-      * Renders the edit mode
-      * @param h
-      */
-    private renderContentMode;
-    /**
-      * Renders the designmode
-      * @param h
-      */
-    private renderLayoutMode;
-    /**
-     * Render
-     * @param h
-     */
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            "tab-state": {
+                type: import("vue").PropType<object>;
+            };
+            tabState: {
+                type: import("vue").PropType<object>;
+            };
+            "use-scroll-marging-fix": {
+                type: import("vue").PropType<boolean>;
+            };
+            useScrollMargingFix: {
+                type: import("vue").PropType<boolean>;
+            };
+            "layout-id": {
+                type: import("vue").PropType<string>;
+            };
+            layoutId: {
+                type: import("vue").PropType<string>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            column: {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+        $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<{
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+            "tab-state": {
+                type: import("vue").PropType<object>;
+            };
+            tabState: {
+                type: import("vue").PropType<object>;
+            };
+            "use-scroll-marging-fix": {
+                type: import("vue").PropType<boolean>;
+            };
+            useScrollMargingFix: {
+                type: import("vue").PropType<boolean>;
+            };
+            "layout-id": {
+                type: import("vue").PropType<string>;
+            };
+            layoutId: {
+                type: import("vue").PropType<string>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            column: {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+            };
+            colorSchemaType?: any;
+            container?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, 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<{
+        "theme-target-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+        "tab-state": {
+            type: import("vue").PropType<object>;
+        };
+        tabState: {
+            type: import("vue").PropType<object>;
+        };
+        "use-scroll-marging-fix": {
+            type: import("vue").PropType<boolean>;
+        };
+        useScrollMargingFix: {
+            type: import("vue").PropType<boolean>;
+        };
+        "layout-id": {
+            type: import("vue").PropType<string>;
+        };
+        layoutId: {
+            type: import("vue").PropType<string>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        } & {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        column: {
+            type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+        } & {
+            type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+        };
+        colorSchemaType?: any;
+        container?: any;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "theme-target-id": {
+        type: import("vue").PropType<string>;
+    };
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+    "tab-state": {
+        type: import("vue").PropType<object>;
+    };
+    tabState: {
+        type: import("vue").PropType<object>;
+    };
+    "use-scroll-marging-fix": {
+        type: import("vue").PropType<boolean>;
+    };
+    useScrollMargingFix: {
+        type: import("vue").PropType<boolean>;
+    };
+    "layout-id": {
+        type: import("vue").PropType<string>;
+    };
+    layoutId: {
+        type: import("vue").PropType<string>;
+    };
+    settings: {
+        type: import("vue").PropType<SectionSettings>;
+    } & {
+        type: import("vue").PropType<SectionSettings>;
+    };
+    column: {
+        type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+    } & {
+        type: import("vue").PropType<SectionItem<ColumnedSectionItemSettings>>;
+    };
+    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;
+    } & {
+        column?: SectionItem<ColumnedSectionItemSettings>;
+        themeTargetId?: string;
+        "theme-target-id"?: string;
+        settings?: SectionSettings;
+        layoutId?: string;
+        "layout-id"?: string;
+        useScrollMargingFix?: boolean;
+        "use-scroll-marging-fix"?: boolean;
+        tabState?: object;
+        "tab-state"?: object;
+    }>;
+};
+export default _default;

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;