@omnia/fx 8.0.20-vnext → 8.0.22-vnext

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

@@ -1,30 +1,198 @@
-import { SectionSettings, SectionItem, TabbedSectionItemSettings } from "../../../../models";
-import { LayoutCanvasStore } from "../../";
-import { VueComponentBase } from "../../../VueComponentBase";
-import { MediaPickerService } from "../../../../services";
-import { AnchorLink } from "../../../AnchorLink";
-export interface StepRendererProps {
-    step: SectionItem;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-}
-export declare class LayoutStepRenderer extends VueComponentBase<StepRendererProps> {
-    layoutEditorStore: LayoutCanvasStore;
-    mediaPickerService: MediaPickerService;
-    anchorLink: AnchorLink;
-    step: SectionItem<TabbedSectionItemSettings>;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-    designRender?: boolean;
-    private fallbackRenderCache;
-    private blockSettings;
-    private blockInstances;
-    private renderedOnce;
-    created(): void;
-    private get backgroundImage();
-    private onBlockInstanceCreated;
-    private renderChildren;
-    render(): JSX.Element;
-}
+import { SectionSettings, SectionItem, SteppedSectionItemSettings } from "../../../../models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "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>;
+            };
+            step: {
+                type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+            };
+            "design-render": {
+                type: import("vue").PropType<boolean>;
+            };
+            designRender: {
+                type: import("vue").PropType<boolean>;
+            };
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+        }>> & 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-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>;
+            };
+            step: {
+                type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+            };
+            "design-render": {
+                type: import("vue").PropType<boolean>;
+            };
+            designRender: {
+                type: import("vue").PropType<boolean>;
+            };
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => 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-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>;
+        };
+        step: {
+            type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+        } & {
+            type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+        };
+        "design-render": {
+            type: import("vue").PropType<boolean>;
+        };
+        designRender: {
+            type: import("vue").PropType<boolean>;
+        };
+        "theme-target-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "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>;
+    };
+    step: {
+        type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+    } & {
+        type: import("vue").PropType<SectionItem<SteppedSectionItemSettings>>;
+    };
+    "design-render": {
+        type: import("vue").PropType<boolean>;
+    };
+    designRender: {
+        type: import("vue").PropType<boolean>;
+    };
+    "theme-target-id": {
+        type: import("vue").PropType<string>;
+    };
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        themeTargetId?: string;
+        "theme-target-id"?: string;
+        settings?: SectionSettings;
+        designRender?: boolean;
+        "design-render"?: boolean;
+        step?: SectionItem<SteppedSectionItemSettings>;
+        layoutId?: string;
+        "layout-id"?: string;
+        useScrollMargingFix?: boolean;
+        "use-scroll-marging-fix"?: boolean;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutTabRenderer.d.ts

@@ -1,30 +1,198 @@
-import { SectionSettings, SectionItem, TabbedSectionItemSettings } from "../../../../models";
-import { LayoutCanvasStore } from "../../";
-import { VueComponentBase } from "../../../VueComponentBase";
-import { MediaPickerService } from "../../../../services";
-import { AnchorLink } from "../../../AnchorLink";
-export interface TabRendererProps {
-    tab: SectionItem;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-}
-export declare class LayoutTabRenderer extends VueComponentBase<TabRendererProps> {
-    layoutEditorStore: LayoutCanvasStore;
-    mediaPickerService: MediaPickerService;
-    anchorLink: AnchorLink;
-    tab: SectionItem<TabbedSectionItemSettings>;
-    settings: SectionSettings;
-    layoutId: string;
-    useScrollMargingFix: boolean;
-    designRender?: boolean;
-    private fallbackRenderCache;
-    private blockSettings;
-    private blockInstances;
-    private renderedOnce;
-    created(): void;
-    private get backgroundImage();
-    private onBlockInstanceCreated;
-    private renderChildren;
-    render(): JSX.Element;
-}
+import { SectionSettings, SectionItem, TabbedSectionItemSettings } from "@omnia/fx/models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "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>;
+            };
+            tab: {
+                type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            "design-render": {
+                type: import("vue").PropType<boolean>;
+            };
+            designRender: {
+                type: import("vue").PropType<boolean>;
+            };
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+        }>> & 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-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>;
+            };
+            tab: {
+                type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+            } & {
+                type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+            };
+            settings: {
+                type: import("vue").PropType<SectionSettings>;
+            } & {
+                type: import("vue").PropType<SectionSettings>;
+            };
+            "design-render": {
+                type: import("vue").PropType<boolean>;
+            };
+            designRender: {
+                type: import("vue").PropType<boolean>;
+            };
+            "theme-target-id": {
+                type: import("vue").PropType<string>;
+            };
+            themeTargetId: {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => 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-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>;
+        };
+        tab: {
+            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+        } & {
+            type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+        };
+        settings: {
+            type: import("vue").PropType<SectionSettings>;
+        } & {
+            type: import("vue").PropType<SectionSettings>;
+        };
+        "design-render": {
+            type: import("vue").PropType<boolean>;
+        };
+        designRender: {
+            type: import("vue").PropType<boolean>;
+        };
+        "theme-target-id": {
+            type: import("vue").PropType<string>;
+        };
+        themeTargetId: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "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>;
+    };
+    tab: {
+        type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+    } & {
+        type: import("vue").PropType<SectionItem<TabbedSectionItemSettings>>;
+    };
+    settings: {
+        type: import("vue").PropType<SectionSettings>;
+    } & {
+        type: import("vue").PropType<SectionSettings>;
+    };
+    "design-render": {
+        type: import("vue").PropType<boolean>;
+    };
+    designRender: {
+        type: import("vue").PropType<boolean>;
+    };
+    "theme-target-id": {
+        type: import("vue").PropType<string>;
+    };
+    themeTargetId: {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        tab?: SectionItem<TabbedSectionItemSettings>;
+        themeTargetId?: string;
+        "theme-target-id"?: string;
+        settings?: SectionSettings;
+        designRender?: boolean;
+        "design-render"?: boolean;
+        layoutId?: string;
+        "layout-id"?: string;
+        useScrollMargingFix?: boolean;
+        "use-scroll-marging-fix"?: boolean;
+    }>;
+};
+export default _default;

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

@@ -6,3 +6,11 @@ export * from "./LayoutSectionTabRenderer";
 export * from "./ColumnResizer";
 export * from "./LayoutSectionStepperRenderer";
 export * from "./LayoutStepRenderer";
+import LayoutSectionRenderer from "./LayoutSectionRenderer";
+import LayoutSectionStepperRenderer from "./LayoutSectionStepperRenderer";
+import LayoutBlockRenderer from "./LayoutBlockRenderer";
+import LayoutTabRenderer from "./LayoutTabRenderer";
+import LayoutColumnRenderer from "./LayoutColumnRenderer";
+import LayoutStepRenderer from "./LayoutStepRenderer";
+import LayoutSectionTabRenderer from "./LayoutSectionTabRenderer";
+export { LayoutSectionRenderer, LayoutSectionStepperRenderer, LayoutBlockRenderer, LayoutTabRenderer, LayoutColumnRenderer, LayoutStepRenderer, LayoutSectionTabRenderer };

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts

@@ -1,14 +1,15 @@
 import { types } from "typestyle";
 import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SpacingSettings, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, AccordionedSectionSettings, LayoutItem } from "../../../../models";
 import { NestedCSSProperties } from "typestyle/lib/types";
+import { useThemeStoreV2 } from "@omnia/fx/ux";
 export declare const SharedRendererStyles: {
     common: {
         chrome_boxed: string;
         getElevationClass: (settings: BackgroundSettings, theme: ThemeStyling) => string;
-        setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStyling?: ThemeStyling) => void;
-        getBackgroundClasses: (settings: BackgroundSettings, backgroundUrl: string, themeStyling?: ThemeStyling) => string;
+        setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStoreV2: ReturnType<typeof useThemeStoreV2>, themeStyling?: ThemeStyling) => void;
+        getBackgroundClasses: (settings: BackgroundSettings, backgroundUrl: string, backgroundColor?: any, themeStyling?: ThemeStyling) => string;
         useThemeStyling(settings: BackgroundSettings, themeStyling?: ThemeStyling): boolean;
-        getBackgroundStyle: (settings: BackgroundSettings, backgroundUrl: string, themeStyling?: ThemeStyling) => types.NestedCSSProperties;
+        getBackgroundStyle: (settings: BackgroundSettings, backgroundUrl: string, backgroundColor?: any, themeStyling?: ThemeStyling) => types.NestedCSSProperties;
         hasNoImageOrBackgroundColor(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
         hasNoImageAndNoOverflow(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
         getBackgroundBeforeStyling(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): types.NestedCSSSelectors;

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

@@ -1,4 +1,4 @@
-import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem } from "../../../models";
+import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, ColorSchemaTypes } from "../../../models";
 import { EditorLayoutItemFactory } from "../factories";
 import { LayoutEditorThemingManager } from "../shared";
 import { BlockSettingsProvider, LayoutDefinitionBuilder } from "../shared";
@@ -17,6 +17,8 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     themeStore: ThemeStore;
     private subscriptionHandler;
     private serviceContainerContext;
+    readonly ColorSchemaBlock = ColorSchemaTypes.secondary;
+    readonly ColorSchemaSection = ColorSchemaTypes.primary;
     layout: StoreState<LoadedLayout>;
     previewUrl: StoreState<string>;
     provider: StoreState<string>;

package/internal-do-not-import-from-here/ux/monaco/Monaco.d.ts

@@ -0,0 +1,18 @@
+import prettier from "prettier/standalone";
+import prettierHtml from "prettier/parser-html";
+import "monaco-editor/esm/vs/editor/browser/coreCommands.js";
+import "monaco-editor/esm/vs/editor/contrib/bracketMatching/browser/bracketMatching.js";
+import "monaco-editor/esm/vs/editor/contrib/codelens/browser/codelensController.js";
+import "monaco-editor/esm/vs/editor/contrib/colorPicker/browser/colorDetector.js";
+import "monaco-editor/esm/vs/editor/contrib/comment/browser/comment.js";
+import "monaco-editor/esm/vs/editor/contrib/contextmenu/browser/contextmenu.js";
+import "monaco-editor/esm/vs/editor/contrib/suggest/browser/suggestController.js";
+import "monaco-editor/esm/vs/editor/standalone/browser/accessibilityHelp/accessibilityHelp.js";
+import "monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution";
+import "monaco-editor/esm/vs/basic-languages/javascript/javascript";
+import "monaco-editor/esm/vs/basic-languages/html/html.contribution";
+import "monaco-editor/esm/vs/basic-languages/html/html";
+import "monaco-editor/esm/vs/basic-languages/css/css.contribution";
+import "monaco-editor/esm/vs/basic-languages/css/css";
+export { editor, languages } from "monaco-editor/esm/vs/editor/editor.api.js";
+export { prettier, prettierHtml };