@omnia/fx 8.0.478-dev → 8.0.480-dev

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsdesigner/StepperSectionDesigner.d.ts

@@ -0,0 +1,11 @@
+import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "@omnia/fx/models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    section?: Section<StepperSectionSettings>;
+} & {
+    renderSectionItem?: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "section" | "renderSectionItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,3 @@
+export * from "./StepperSectionDesigner";
+import StepperSectionDesigner from "./StepperSectionDesigner";
+export { StepperSectionDesigner };

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/ColumnResizer.d.ts

@@ -0,0 +1,23 @@
+import { ColumnedSectionItemSettings, Section, SectionItem } from "@omnia/fx-models";
+export declare class ColumnResizer {
+    private section;
+    constructor(section: Section);
+    /**
+     * Resize the column
+     * @param item
+     * @param resizeValue
+     */
+    resizeColumn(item: SectionItem<ColumnedSectionItemSettings>, resizeValue: number): boolean;
+    /**
+     * Checks if the column can be resized
+     * @param column
+     * @param resizeValue controls how much the column grows or shrinks
+     */
+    canColumnBeResized(column: SectionItem<ColumnedSectionItemSettings>, resizeValue: number): boolean;
+    /**
+     * Checks if it is the last index of the column
+     * @param index
+     * @param length
+     */
+    private isLastItem;
+}

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutBlockRenderer.css.d.ts

@@ -0,0 +1,6 @@
+import { BlockLayoutSettings, DisplayBreakPoint, SectionSettings } from "@omnia/fx-models";
+export declare const LayoutBlockRendererStyles: {
+    createMediaBreakPointForDevice: (blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint) => import("typestyle/lib/types").NestedCSSProperties;
+    clickProtectionOverlay: string;
+    blockContainer: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutBlockRenderer.d.ts

@@ -0,0 +1,99 @@
+import { Block, LayoutEngineRenderContext, SectionSettings } from "@omnia/fx-models";
+export declare const LayoutBlockRenderer: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Block, SectionSettings>>;
+        };
+    }>> & {
+        onGetBlock?: (ref: any) => any;
+        onBlockInstanceCreated?: (blockInstance: any) => any;
+        onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        getBlock: (ref: any) => any;
+        blockInstanceCreated: (blockInstance: any) => any;
+        blockInstanceCacheKeyUpdated: (blockInstance: any) => any;
+    }, import("vue").PublicProps, {
+        container: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Block, SectionSettings>>;
+        };
+    }>> & {
+        onGetBlock?: (ref: any) => any;
+        onBlockInstanceCreated?: (blockInstance: any) => any;
+        onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        container: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    colorSchemaType: {
+        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
+    renderContext: {
+        type: import("vue").PropType<LayoutEngineRenderContext<Block, SectionSettings>>;
+    };
+}>> & {
+    onGetBlock?: (ref: any) => any;
+    onBlockInstanceCreated?: (blockInstance: any) => any;
+    onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    getBlock: (ref: any) => any;
+    blockInstanceCreated: (blockInstance: any) => any;
+    blockInstanceCacheKeyUpdated: (blockInstance: any) => any;
+}, string, {
+    container: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        container?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        renderContext?: LayoutEngineRenderContext<Block, SectionSettings>;
+    }>, "onBlockInstanceCreated" | "onGetBlock" | "onBlockInstanceCacheKeyUpdated"> & {
+        onBlockInstanceCreated?: (blockInstance: any) => any;
+        onGetBlock?: (ref: any) => any;
+        onBlockInstanceCacheKeyUpdated?: (blockInstance: any) => any;
+    };
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts

@@ -0,0 +1,7 @@
+import { ColumnedSectionItemSettings, LayoutItem, SectionSettings } from "@omnia/fx-models";
+export declare const LayoutColumnRendererStyles: {
+    triggerHideContainer: (isEditMode: boolean, isHidden: boolean) => string;
+    hideContainer: (items: Array<LayoutItem>, isEditMode: boolean) => string;
+    placeholderWrapper: string;
+    columnWrapper: (columnSettings: ColumnedSectionItemSettings, sectionSettings: SectionSettings, parentMinWidth: number) => string;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutColumnRenderer.d.ts

@@ -0,0 +1,38 @@
+import { ColumnedSectionItemSettings, SectionSettings, SectionItem, LayoutEngineRenderContext } from "../../../../models";
+import { VueComponentBaseProps } from "../../../VueComponentBase";
+export interface ColumnRendererProps extends VueComponentBaseProps {
+    column: SectionItem<ColumnedSectionItemSettings>;
+    settings: SectionSettings;
+    layoutId: string;
+    useScrollMargingFix: boolean;
+}
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<SectionItem<ColumnedSectionItemSettings>, SectionSettings>>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<SectionItem<ColumnedSectionItemSettings>, SectionSettings>>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    renderContext: {
+        type: import("vue").PropType<LayoutEngineRenderContext<SectionItem<ColumnedSectionItemSettings>, SectionSettings>>;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        renderContext?: LayoutEngineRenderContext<SectionItem<ColumnedSectionItemSettings>, SectionSettings>;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutSectionRenderer.css.d.ts

@@ -0,0 +1,12 @@
+import { BackgroundSettings, DisplayBreakPointSetting, SectionSettings } from "@omnia/fx-models";
+import { useColorSchemaStore } from "@omnia/fx/ux";
+export declare function displayBreakpoints(breakPoints: Array<DisplayBreakPointSetting>): string;
+export declare const LayoutSectionBackgroundStyling: {
+    styling: (settings: BackgroundSettings, backgroundUrl: string, colorSchema: ReturnType<typeof useColorSchemaStore>) => string;
+};
+export declare const LayoutSectionStyles: {
+    getAlignmentSettings: (sectionSettings: SectionSettings) => any;
+    sectionWrapper: (sectionSettings: SectionSettings) => string;
+    sectionContent: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
+    headerWrapper: (settings: SectionSettings) => string;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutSectionRenderer.d.ts

@@ -0,0 +1,82 @@
+import { LayoutItem, Section, SectionSettings, LayoutEngineRenderContext } from "../../../../models";
+import { VueComponentBaseProps } from "../../../VueComponentBase";
+export interface LayoutSectionRendererProps extends VueComponentBaseProps {
+    parentContainer: LayoutItem;
+    section: Section;
+    layoutId: string;
+    useScrollMargingFix: boolean;
+}
+export declare const LayoutSectionRenderer: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        container: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        container: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    renderContext: {
+        type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+    };
+    colorSchemaType: {
+        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        container?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        renderContext?: LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>;
+    }>, never>;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutSectionSliderRenderer.d.ts

@@ -0,0 +1,31 @@
+import { Section, LayoutEngineRenderContext, SectionSettings } from "../../../../models";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        renderContext: {
+            type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    renderContext: {
+        type: import("vue").PropType<LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>>;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        renderContext?: LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutSectionStepperRenderer.d.ts

@@ -0,0 +1,21 @@
+import { Section, StepperSectionSettings } from "../../../../models";
+export interface LayoutSectionStepperRendererProps {
+    section: Section;
+    layoutId: string;
+    useScrollMargingFix: boolean;
+    themeTargetId?: string;
+}
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    section?: Section<StepperSectionSettings>;
+} & {
+    layoutId?: string;
+} & {
+    useScrollMargingFix?: boolean;
+} & {
+    themeTargetId?: string;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "section" | "themeTargetId" | "layoutId" | "useScrollMargingFix"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutSectionTabRenderer.css.d.ts

@@ -0,0 +1,7 @@
+import { AccordionedSectionSettings, Spacing, TabbedSectionSettings } from "@omnia/fx-models";
+import { useColorSchemaStore } from "@omnia/fx/ux";
+export declare const LayoutSectionTabRendererStyles: {
+    tabsContentWrapper: (editMode: boolean) => string;
+    tabsWrapper: (settings: TabbedSectionSettings) => string;
+    accordionWrapper: (settings: AccordionedSectionSettings, spacing: Spacing, colors: ReturnType<typeof useColorSchemaStore>) => string;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutSectionTabRenderer.d.ts

@@ -0,0 +1,9 @@
+import { Section, LayoutEngineRenderContext, SectionSettings } from "../../../../models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    renderContext?: LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "renderContext"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/layoutitemsrenderer/LayoutStepRenderer.d.ts

@@ -0,0 +1,81 @@
+import { SectionSettings, SectionItem, SteppedSectionItemSettings } from "../../../../models";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        useScrollMargingFix: {
+            type: import("vue").PropType<boolean>;
+        };
+        layoutId: {
+            type: import("vue").PropType<string>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        step: {
+            type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+        };
+        designRender: {
+            type: import("vue").PropType<boolean>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        useScrollMargingFix: {
+            type: import("vue").PropType<boolean>;
+        };
+        layoutId: {
+            type: import("vue").PropType<string>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        step: {
+            type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+        };
+        designRender: {
+            type: import("vue").PropType<boolean>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    useScrollMargingFix: {
+        type: import("vue").PropType<boolean>;
+    };
+    layoutId: {
+        type: import("vue").PropType<string>;
+    };
+    settings: {
+        type: import("vue").PropType<SectionSettings>;
+    };
+    step: {
+        type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+    };
+    designRender: {
+        type: import("vue").PropType<boolean>;
+    };
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        settings?: SectionSettings;
+        themeTargetId?: string;
+        step?: SectionItem<SteppedSectionItemSettings>;
+        designRender?: boolean;
+        layoutId?: string;
+        useScrollMargingFix?: boolean;
+    }>, never>;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+export * from "./ColumnResizer";
+export * from "./LayoutBlockRenderer";
+export * from "./LayoutSectionRenderer";

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/styles/LayerIndex.d.ts

@@ -0,0 +1,7 @@
+export declare const LayerIndex: {
+    blade: number;
+    contentNavigation: number;
+    itemselector: number;
+    actionToolbar: number;
+    informationIcon: number;
+};

package/internal-do-not-import-from-here/ux/layoutcanvas/shared_old/styles/LayoutSectionContainerHelper.d.ts

@@ -0,0 +1,9 @@
+import { NestedCSSProperties } from "typestyle/lib/types";
+import { ColumnedSectionItemSettings, LayoutItem, SectionItem } from "../../../../models/Layout";
+export declare class LayoutSectionContainerHelper {
+    static getFirstBlockMediaQueryInfo(item: LayoutItem): Array<NestedCSSProperties>;
+    private static isAllBlocksHidden;
+    private static hideBlockInBreakpoint;
+    static getMediaQueryAllBlocksInSection(items: Array<LayoutItem>): Array<NestedCSSProperties>;
+    static isAllBlockHidden(column: SectionItem<ColumnedSectionItemSettings>): boolean;
+}

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

@@ -0,0 +1,2 @@
+export * from "./LayoutSectionContainerHelper";
+export * from "./LayerIndex";

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

@@ -1,10 +1,10 @@
+import { EditorLayoutItemFactory } from "..";
 import { MessageBusExposeOnlySubscription } from "../../..";
 import { ServiceContainerContext } from "../../../core";
 import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, ColorSchemaTypes, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, DisplayBreakPointSetting, IBlockInstance, ILayoutCanvasStore, ILayoutSectionRenderer, IMessageBusTopicPublishSubscriber, Layout, LayoutCanvasModes, LayoutDrawerState, LayoutDrawerTabs, LayoutEditorModes, LayoutInheritanceBehaviors, LayoutItem, LayoutItemActionState, LayoutItemRegistration, LoadedLayout, Section, SectionSettings, SectionTypes, SettingsPanelState, LegacyThemeDefinition, guid } from "../../../models";
 import { Store, StoreState } from "../../../stores";
 import { useScrollContainerStore } from "../../oxide";
-import { EditorLayoutItemFactory } from "../factories";
-import { BlockSettingsProvider, LayoutDefinitionBuilder, LayoutEditorThemingManager } from "../shared";
+import { BlockSettingsProvider, LayoutDefinitionBuilder, LayoutEditorThemingManager } from "../shared_old";
 export interface IBlockInstanceExtends<TSettings = void> extends IBlockInstance<TSettings> {
     settings: TSettings;
     serviceContainerContext: ServiceContainerContext;
@@ -17,6 +17,91 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     private serviceContainerContext;
     readonly ColorSchemaBlock = ColorSchemaTypes.secondary;
     readonly ColorSchemaSection = ColorSchemaTypes.primary;
+    newStore: {
+        state: {
+            layout: LoadedLayout;
+            editorMode: import("@omnia/fx-models").LayoutCanvasMode;
+            id: guid;
+            blockInstances: {
+                [blockManifestId: string]: Set<{
+                    instance: import("./LayoutCanvasStoreV2").IBlockInstanceExtendsInternal<void>;
+                }>;
+            };
+            settings: {
+                showGrid: boolean;
+                providers: {
+                    block: string;
+                    mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
+                    fileContext: import("@omnia/fx-models").ILayoutFileContext;
+                };
+            };
+        };
+        actions: import("../../../stores").StoreReturnDefineAction<{
+            toggleGrid: () => void;
+            setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
+            providers: () => {
+                set: {
+                    block: (blockProvider: string) => void;
+                    mediaContext: (mediaContext: import("@omnia/fx-models").ILayoutMediaContext) => void;
+                    fileContext: (fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
+                };
+            };
+            setLayout: (layout: Layout) => void;
+            init: (editorChromeStore: ReturnType<typeof import("../..").useEditorChromeStore>, blockProvider: string, mediaContext: import("@omnia/fx-models").ILayoutMediaContext, fileContext: import("@omnia/fx-models").ILayoutFileContext) => void;
+            triggerBlockInstanceCreated: (blockInstance: IBlockInstance) => void;
+            triggerBlockRemoved: (block: Block) => void;
+            triggerBlockCopied: (originalBlock: Block, newBlock: Block) => void;
+            triggerLayoutItemMoved: (layoutItem: LayoutItem) => void;
+            triggerLayoutSectionRendererCreated: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
+            triggerLayoutPasted: (layoutItem: ClipboardLayoutItem) => void;
+            dispose: () => void;
+        }>;
+        get: {
+            activeLayout: () => Layout;
+            block: {
+                settingsProvider: () => import("..").BlockSettingsProvider;
+                renderMode: () => BlockRenderingModes;
+            };
+            providers: {
+                block: string;
+                mediaContext: import("@omnia/fx-models").ILayoutMediaContext;
+                fileContext: import("@omnia/fx-models").ILayoutFileContext;
+            };
+        };
+        rules: {
+            hideGridSettings: () => boolean;
+            isEditMode: () => boolean;
+        };
+        hooks: {
+            blockInstanceCreated: {
+                trigger: (blockInstance: IBlockInstance) => void;
+                subscribe: (callback: (blockInstance: IBlockInstance) => void) => () => void;
+            };
+            blockRemoved: {
+                trigger: (block: Block) => void;
+                subscribe: (callback: (block: Block) => void) => () => void;
+            };
+            blockCopied: {
+                trigger: (originalBlock: Block, newBlock: Block) => void;
+                subscribe: (callback: (originalBlock: Block, newBlock: Block) => void) => () => void;
+            };
+            layoutItemMoved: {
+                trigger: (layoutItem: LayoutItem) => void;
+                subscribe: (callback: (layoutItem: LayoutItem) => void) => () => void;
+            };
+            layoutSectionRendererCreated: {
+                trigger: (layoutSectionRenderer: ILayoutSectionRenderer) => void;
+                subscribe: (callback: (layoutSectionRenderer: ILayoutSectionRenderer) => void) => () => void;
+            };
+            layoutPasted: {
+                trigger: (layoutItem: ClipboardLayoutItem) => void;
+                subscribe: (callback: (layoutItem: ClipboardLayoutItem) => void) => () => void;
+            };
+        };
+        dispose: () => void;
+    } & {
+        dispose?: () => void;
+    };
     scrollContainer: StoreState<{
         state: {
             elementRef: HTMLElement;