@omnia/fx 8.0.482-dev → 8.0.483-dev

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

@@ -1,4 +1,5 @@
 import { BlockLayoutSettings, ColorDefinition } from "@omnia/fx-models";
+import { MediaQuery } from "typestyle/lib/types";
 export declare const LayoutBlockStyles: {
     themeStyling: {
         input: {
@@ -47,8 +48,8 @@ export declare const LayoutBlockStyles: {
                 };
                 mediumStyles: any;
                 smallStyles: any;
-                queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
-                queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
+                queryOnSmallScreen: MediaQuery;
+                queryOnMediumScreen: MediaQuery;
             };
         };
         spacing: {

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

@@ -1,4 +1,5 @@
 import { ColorDefinition, SectionSettings } from "@omnia/fx-models";
+import { MediaQuery } from "typestyle/lib/types";
 export declare const LayoutSectionStyles: {
     themeStyling: {
         input: {
@@ -47,8 +48,8 @@ export declare const LayoutSectionStyles: {
                 };
                 mediumStyles: any;
                 smallStyles: any;
-                queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
-                queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
+                queryOnSmallScreen: MediaQuery;
+                queryOnMediumScreen: MediaQuery;
             };
         };
         spacing: {

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

@@ -1,4 +1,4 @@
-import { FillDefinition } from "../../../../../../fx/models";
+import { FillDefinition } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         "onUpdate:modelValue": {

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

@@ -1,4 +1,4 @@
-import { Section } from "../../../../../models";
+import { Section } from "../../../../models";
 export interface TabsSettingsProps {
     section: Section;
 }

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

@@ -0,0 +1,65 @@
+declare const _default: {
+    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;
+        };
+    }>>, () => 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<{
+        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<{
+    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;
+    }>, never>;
+};
+export default _default;

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

@@ -1,5 +1,5 @@
-import { BlockTitleIconSettings, BlockTitleSettings, TextAlignment, IconSizes } from "../../../../../../models";
-import { useColorSchemaStore } from "../../../../..";
+import { BlockTitleIconSettings, BlockTitleSettings, TextAlignment, IconSizes } from "../../../../../models";
+import { useColorSchemaStore } from "../../../..";
 export declare const BlockTitleStyles: {
     safeGetSpacingPixels(value: any, spacing: any): string;
     getIconOffset(iconSize: IconSizes): -10 | -15 | -25 | -30;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../../InternalDefineComponent").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../../VueComponentBase").VueComponentBaseProps, string> & import("../../../../InternalDefineComponent").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../..").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../..").VueComponentBaseProps, string> & import("../../../..").VNodeEvents) => any;
+export default _default;

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

@@ -1,5 +1,5 @@
-import { ITheming } from "../../../../..";
-import { Color } from "../../../../../../models";
+import { ITheming } from "../../../..";
+import { Color } from "../../../../../models";
 /**
  * Styles for the LayoutColumnStyles component
  */

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/breakpoints/BreakPointSettingsComponent.d.ts

@@ -1,6 +1,6 @@
-import { LayoutItem } from "../../../../../../models";
-import { VueComponentBaseProps } from "../../../../..";
-declare const _default: (props: import("../../../../..").ExtractProps<{
+import { LayoutItem } from "../../../../../models";
+import { VueComponentBaseProps } from "../../../..";
+declare const _default: (props: import("../../../..").ExtractProps<{
     secondarycolor?: boolean;
 } & {
     item?: LayoutItem;
@@ -8,5 +8,5 @@ declare const _default: (props: import("../../../../..").ExtractProps<{
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<VueComponentBaseProps, "item" | "secondarycolor"> & import("../../../../..").VNodeEvents) => any;
+} & {} & Omit<VueComponentBaseProps, "item" | "secondarycolor"> & import("../../../..").VNodeEvents) => any;
 export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../..").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../..").VueComponentBaseProps, string> & import("../../../..").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../..").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../..").VueComponentBaseProps, string> & import("../../../..").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../..").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../..").VueComponentBaseProps, string> & import("../../../..").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("../../../..").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("../../../..").VueComponentBaseProps, string> & import("../../../..").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, 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<{} & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/AccordionListingSettingsPanel.d.ts

@@ -1,4 +1,4 @@
-import { AccordionedSectionSettings, Section } from "../../../../../../../models";
+import { AccordionedSectionSettings, Section } from "../../../../../../models";
 export interface AccordionListingSettingsPanelProps {
     section: Section<AccordionedSectionSettings>;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/ColumnListingSettingsPanel.d.ts

@@ -1,4 +1,4 @@
-import { Section, ColumnedSectionSettings } from "../../../../../../../models";
+import { Section, ColumnedSectionSettings } from "../../../../../../models";
 export interface ColumnListingSettingsPanelProps {
     section: Section<ColumnedSectionSettings>;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/SectionItemListing.d.ts

@@ -1,4 +1,4 @@
-import { Section, SectionItem, SectionItemSettings } from "../../../../../../../models";
+import { Section, SectionItem, SectionItemSettings } from "../../../../../../models";
 export interface SectionItemListingComponentProps {
     section: Section;
     label: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/StepListingSettingsPanel.d.ts

@@ -1,4 +1,4 @@
-import { Section, StepperSectionSettings } from "../../../../../../../models";
+import { Section, StepperSectionSettings } from "../../../../../../models";
 export interface StepListingSettingsPanelProps {
     section: Section<StepperSectionSettings>;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/{_old/settings → settings}/section/items/TabListingSettingsPanel.d.ts

@@ -1,4 +1,4 @@
-import { Section, TabbedSectionSettings } from "../../../../../../../models";
+import { Section, TabbedSectionSettings } from "../../../../../../models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         section: {

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

@@ -1,14 +1,15 @@
-import { AddItemToLayoutPayLoad, BlockRenderingModes, ClipboardLayoutItem, DisplayBreakPoint, guid, Layout, LayoutCanvasMode, LayoutItem, LayoutItemActionState } from "@omnia/fx-models";
-import { useLayoutCanvasStore } from "..";
+import { AddItemToLayoutPayLoad, BlockRenderingModes, ClipboardLayoutItem, DisplayBreakPoint, guid, IIcon, Layout, LayoutCanvasMode, LayoutItem, LayoutItemActionState, Section, SectionTypes } from "@omnia/fx-models";
+import { LayoutDefinitionBuilder, useLayoutCanvasStore } from "..";
 import { useEditorChromeStore } from "../..";
 export declare const useLayoutCanvasEditorStore: () => {
     state: {
         editorMode: LayoutCanvasMode;
         id: guid;
         settings: {
-            showGrid: boolean;
             authDisabled: boolean;
+            breakpointSettingsEnabled: boolean;
         };
+        drawerMode: "settings" | "layout-structure" | "clipboard";
         selected: {
             layoutItem: LayoutItem;
             clipBoardItem: ClipboardLayoutItem;
@@ -20,24 +21,38 @@ export declare const useLayoutCanvasEditorStore: () => {
         };
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        scrollToLayoutItem: (item: LayoutItem) => void;
         selection: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             removeSelectedLayoutItem: () => void;
             setSelectedLayoutItem: (item: LayoutItem, toggleSettings: boolean) => void;
         }>;
+        enableDisplayBreakpointSettings: (enable: boolean) => void;
         block: () => {
             set: {
                 suggestedBlocks: (blocks: string[]) => void;
             };
             ensureRemoveDeletedBlocks: (layout: Layout) => void;
         };
+        show: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
+            showPanel: (panelType: "settings" | "layout-structure" | "clipboard", toggle: boolean) => void;
+            settingsPanel: (toggle: boolean) => void;
+            layoutStructurePanel: (toggle: boolean) => void;
+            clipboardPanel: (toggle: boolean) => void;
+        }>;
         layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
             addItem: (itemreference: AddItemToLayoutPayLoad) => void;
+            changeSectionType: (section: Section, type: SectionTypes) => void;
         }>;
-        toggleGrid: () => void;
+        configureDrawer: (header: {
+            icon?: IIcon;
+            title?: string;
+            enabled?: boolean;
+        }, customScroll?: boolean) => void;
         setEditorMode: (mode: LayoutCanvasMode) => void;
         init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof useEditorChromeStore>) => void;
     }>;
     get: {
+        settingsDefinitions: LayoutDefinitionBuilder;
         layout: {
             active: () => Layout;
         };
@@ -47,6 +62,9 @@ export declare const useLayoutCanvasEditorStore: () => {
         };
     };
     rules: {
+        isSettingsActive: () => boolean;
+        isLayoutStructureActive: () => boolean;
+        isClipboardActive: () => boolean;
         activeItem: {
             isSection(): boolean;
         };

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

@@ -21,6 +21,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     readonly ColorSchemaSection = ColorSchemaTypes.primary;
     newStore: {
         state: {
+            compatibilityMode: boolean;
             layout: {
                 definition: LayoutDefinition;
                 ownerLayoutItemsOverride: LayoutItem[];
@@ -86,9 +87,10 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 editorMode: import("@omnia/fx-models").LayoutCanvasMode;
                 id: guid;
                 settings: {
-                    showGrid: boolean;
                     authDisabled: boolean;
+                    breakpointSettingsEnabled: boolean;
                 };
+                drawerMode: "settings" | "layout-structure" | "clipboard";
                 selected: {
                     layoutItem: LayoutItem;
                     clipBoardItem: ClipboardLayoutItem;
@@ -100,24 +102,38 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 };
             };
             actions: import("../../../stores").StoreReturnDefineAction<{
+                scrollToLayoutItem: (item: LayoutItem) => void;
                 selection: () => import("../../../stores").StoreReturnDefineAction<{
                     removeSelectedLayoutItem: () => void;
                     setSelectedLayoutItem: (item: LayoutItem, toggleSettings: boolean) => void;
                 }>;
+                enableDisplayBreakpointSettings: (enable: boolean) => void;
                 block: () => {
                     set: {
                         suggestedBlocks: (blocks: string[]) => void;
                     };
                     ensureRemoveDeletedBlocks: (layout: Layout) => void;
                 };
+                show: () => import("../../../stores").StoreReturnDefineAction<{
+                    showPanel: (panelType: "settings" | "layout-structure" | "clipboard", toggle: boolean) => void;
+                    settingsPanel: (toggle: boolean) => void;
+                    layoutStructurePanel: (toggle: boolean) => void;
+                    clipboardPanel: (toggle: boolean) => void;
+                }>;
                 layout: () => import("../../../stores").StoreReturnDefineAction<{
                     addItem: (itemreference: AddItemToLayoutPayLoad) => void;
+                    changeSectionType: (section: Section, type: SectionTypes) => void;
                 }>;
-                toggleGrid: () => void;
+                configureDrawer: (header: {
+                    icon?: import("@omnia/fx-models").IIcon;
+                    title?: string;
+                    enabled?: boolean;
+                }, customScroll?: boolean) => void;
                 setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
                 init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof import("../..").useEditorChromeStore>) => void;
             }>;
             get: {
+                settingsDefinitions: import("..").LayoutDefinitionBuilder;
                 layout: {
                     active: () => Layout;
                 };
@@ -127,6 +143,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 };
             };
             rules: {
+                isSettingsActive: () => boolean;
+                isLayoutStructureActive: () => boolean;
+                isClipboardActive: () => boolean;
                 activeItem: {
                     isSection(): boolean;
                 };
@@ -173,6 +192,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         }, Record<string, IMessageBusTopicPublishSubscriber<any>>>;
         actions: import("../../../stores").StoreReturnDefineAction<{
             scroll: () => void;
+            setDisableScrolling: (disable: boolean) => void;
             calculateDynamicHeight: () => void;
             setHeight: (height: string) => void;
             setWidth: (width: string) => void;