@omnia/fx 8.0.20-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts

@@ -1,36 +1,189 @@
-import { LayoutItem, LayoutRendererCanvasApi, LayoutRendererCanvasStyles } from "@omnia/fx/models";
-import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../";
-import { LayoutFileContext, LayoutMediaContext, ThemeStore, VueComponentBase } from "../..";
-import { IWebComponentInstance, SubscriptionHandler } from "../../..";
-import { MediaPickerService } from "../../../services";
-import { BlockTitleSettingsStore, DirectionRuleStore } from "../../../stores";
-import { AnchorLink } from "../../AnchorLink";
-import { ILayoutRendererCanvas } from "./ILayoutRendererCanvas";
+import { LayoutRendererCanvasApi } from "@omnia/fx/models";
 import "./LayoutRendererCanvas.css";
-export default class LayoutRendererCanvas extends VueComponentBase implements IWebComponentInstance, ILayoutRendererCanvas {
-    designRender?: boolean;
-    styles?: Partial<typeof LayoutRendererCanvasStyles>;
-    getApi: (inst: LayoutRendererCanvasApi) => void;
-    provider: string;
-    disableScrollCompensation: boolean;
-    layoutStore: LayoutCanvasStore;
-    mediaContext: LayoutMediaContext;
-    fileContext: LayoutFileContext;
-    blockTitleSettingsStore: BlockTitleSettingsStore;
-    anchorLink: AnchorLink;
-    layoutItemStore: BlockCatalogStore;
-    subscriptionHandler: SubscriptionHandler;
-    mediaPickerService: MediaPickerService;
-    themeStore: ThemeStore;
-    themingRenditionManager: ThemingRenditionManager;
-    directionRuleStore: DirectionRuleStore;
-    private LayoutRendererCanvasClasses;
-    beforeCreate(): void;
-    created(): void;
-    mounted(): void;
-    destroyed(): void;
-    ensureBlockTitleSettingsForLayout(): void;
-    private get backgroundImage();
-    renderLayout(layoutItem: LayoutItem): JSX.Element[];
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "disable-scroll-compensation": {
+                type: import("vue").PropType<boolean>;
+            };
+            disableScrollCompensation: {
+                type: import("vue").PropType<boolean>;
+            };
+            provider: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            "get-api": {
+                type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+            };
+            getApi: {
+                type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+            };
+            styles: {
+                type: import("vue").PropType<Partial<{
+                    container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                }>>;
+            } & {
+                type: import("vue").PropType<Partial<{
+                    container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                }>>;
+            };
+            "design-render": {
+                type: import("vue").PropType<boolean>;
+            };
+            designRender: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & 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<{
+            "disable-scroll-compensation": {
+                type: import("vue").PropType<boolean>;
+            };
+            disableScrollCompensation: {
+                type: import("vue").PropType<boolean>;
+            };
+            provider: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            "get-api": {
+                type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+            };
+            getApi: {
+                type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+            };
+            styles: {
+                type: import("vue").PropType<Partial<{
+                    container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                }>>;
+            } & {
+                type: import("vue").PropType<Partial<{
+                    container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+                }>>;
+            };
+            "design-render": {
+                type: import("vue").PropType<boolean>;
+            };
+            designRender: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, () => 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<{
+        "disable-scroll-compensation": {
+            type: import("vue").PropType<boolean>;
+        };
+        disableScrollCompensation: {
+            type: import("vue").PropType<boolean>;
+        };
+        provider: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+        "get-api": {
+            type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+        };
+        getApi: {
+            type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+        };
+        styles: {
+            type: import("vue").PropType<Partial<{
+                container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            }>>;
+        } & {
+            type: import("vue").PropType<Partial<{
+                container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+            }>>;
+        };
+        "design-render": {
+            type: import("vue").PropType<boolean>;
+        };
+        designRender: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "disable-scroll-compensation": {
+        type: import("vue").PropType<boolean>;
+    };
+    disableScrollCompensation: {
+        type: import("vue").PropType<boolean>;
+    };
+    provider: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+    "get-api": {
+        type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+    };
+    getApi: {
+        type: import("vue").PropType<(inst: LayoutRendererCanvasApi) => void>;
+    };
+    styles: {
+        type: import("vue").PropType<Partial<{
+            container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+        }>>;
+    } & {
+        type: import("vue").PropType<Partial<{
+            container: import("@omnia/fx-models").NestedCSSPropertiesExtends;
+        }>>;
+    };
+    "design-render": {
+        type: import("vue").PropType<boolean>;
+    };
+    designRender: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        provider?: string;
+        styles?: unknown;
+        getApi?: (inst: LayoutRendererCanvasApi) => void;
+        "get-api"?: (inst: LayoutRendererCanvasApi) => void;
+        designRender?: boolean;
+        "design-render"?: boolean;
+        disableScrollCompensation?: boolean;
+        "disable-scroll-compensation"?: boolean;
+    }>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutdefinitionsettings/LayoutItemSettingsDefinitions.d.ts

@@ -20,13 +20,6 @@ export declare class LayoutBlockHeaderSettings implements ILayoutCanvasExpansion
     slots: ILayoutCanvasExpansionItemDefinitionSlots;
     createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
 }
-export declare class LayoutBlockThemingSettings implements ILayoutCanvasExpansionItemDefinition {
-    static expansionItemId: Guid;
-    id: Guid;
-    weight: number;
-    slots: ILayoutCanvasExpansionItemDefinitionSlots;
-    createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
-}
 export declare class LayoutGlobalHeaderSettings implements ILayoutCanvasExpansionItemDefinition {
     static expansionItemId: Guid;
     id: Guid;
@@ -34,13 +27,6 @@ export declare class LayoutGlobalHeaderSettings implements ILayoutCanvasExpansio
     slots: ILayoutCanvasExpansionItemDefinitionSlots;
     createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
 }
-export declare class LayoutThemingSettings implements ILayoutCanvasExpansionItemDefinition {
-    static expansionItemId: Guid;
-    id: Guid;
-    weight: number;
-    slots: ILayoutCanvasExpansionItemDefinitionSlots;
-    createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
-}
 export declare class LayoutStyleSettings implements ILayoutCanvasExpansionItemDefinition {
     static expansionItemId: Guid;
     id: Guid;
@@ -171,13 +157,6 @@ export declare class TargetingBlockSettings implements ILayoutCanvasExpansionIte
     slots: ILayoutCanvasExpansionItemDefinitionSlots;
     createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
 }
-export declare class ThemingBlockSettings implements ILayoutCanvasExpansionItemDefinition {
-    static expansionItemId: Guid;
-    id: Guid;
-    weight: number;
-    slots: ILayoutCanvasExpansionItemDefinitionSlots;
-    createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
-}
 export declare class LayoutLockExpansionItemDefinition implements ILayoutCanvasExpansionItemDefinition {
     static expansionItemId: Guid;
     id: Guid;

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

@@ -1,49 +1,100 @@
-import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "../../../../models";
-import { LayoutCanvasStore, VueComponentBase } from "../../..";
-import { MultilingualStore } from "../../../../stores";
-import { OmniaContext, SubscriptionHandler } from "../../../..";
-import { OmniaUxLocalization } from "../../../UxModels";
-import { DynamicStateStore } from "../../";
-import { AnchorLink } from "../../../AnchorLink";
-export interface StepperSectionDesignerProps {
-    section: Section<StepperSectionSettings>;
-    renderSectionItem: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
-}
-export declare class StepperSectionDesigner extends VueComponentBase<StepperSectionDesignerProps> {
-    section: Section<StepperSectionSettings>;
-    renderSectionItem: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
-    multilingualStore: MultilingualStore;
-    selectedStepStateStore: DynamicStateStore;
-    omniaUxLoc: OmniaUxLocalization;
-    layoutCanvasStore: LayoutCanvasStore;
-    subscriptionHandler: SubscriptionHandler;
-    omniaContext: OmniaContext;
-    anchorLink: AnchorLink;
-    private stepperCurrentStep;
-    private readyToSetVisible;
-    private isShowOverlay;
-    private editorDesignModeStepperKey;
-    private initialAnchorLinkResolved;
-    created(): void;
-    beforeDestroy(): void;
-    private hasValidAnchorLinkSettings;
-    private handleAnchorLink;
-    private getDefaultLabel;
-    private getPreferredLabel;
-    private getCustomAnchorName;
-    private silentNavigateIfNeeded;
-    get items(): SectionItem<SteppedSectionItemSettings>[];
-    private get inLayoutDesignMode();
-    private getStepperKeyByVerticalMode;
-    private getScrollToStepClassName;
-    private scrollStepperToTop;
-    private renderEditableStepTitle;
-    private renderStepperStep;
-    private addStep;
-    private handleToSetOverflowForStepperContent;
-    private handleUIOnStepChanged;
-    private renderStepperContent;
-    private renderAddStepButton;
-    private renderAnchorElements;
-    render(): JSX.Element;
-}
+import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "@omnia/fx/models";
+import { nextTick } from "vue";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "render-section-item": {
+                type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+            };
+            renderSectionItem: {
+                type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+            };
+            section: {
+                type: import("vue").PropType<Section<StepperSectionSettings>>;
+            } & {
+                type: import("vue").PropType<Section<StepperSectionSettings>>;
+            };
+        }>> & 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<{
+            "render-section-item": {
+                type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+            };
+            renderSectionItem: {
+                type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+            };
+            section: {
+                type: import("vue").PropType<Section<StepperSectionSettings>>;
+            } & {
+                type: import("vue").PropType<Section<StepperSectionSettings>>;
+            };
+        }>>, () => 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 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<{
+        "render-section-item": {
+            type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+        };
+        renderSectionItem: {
+            type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+        };
+        section: {
+            type: import("vue").PropType<Section<StepperSectionSettings>>;
+        } & {
+            type: import("vue").PropType<Section<StepperSectionSettings>>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "render-section-item": {
+        type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+    };
+    renderSectionItem: {
+        type: import("vue").PropType<(sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>>;
+    };
+    section: {
+        type: import("vue").PropType<Section<StepperSectionSettings>>;
+    } & {
+        type: import("vue").PropType<Section<StepperSectionSettings>>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        section?: Section<StepperSectionSettings>;
+        renderSectionItem?: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
+        "render-section-item"?: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
+    }>;
+};
+export default _default;

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

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